acud
Version:
acg react 组件库
30,801 lines • 853 kB
CSS
/*! acud v1.7.9 */
/* color */
/* 默认颜色 */
/* 通用-icon */
/* 标签 */
/* 默认颜色 */
/* 其他颜色 */
/* 通用 */
/* 水平 */
/* 垂直 */
/* 序号水平 */
/* 序号垂直 */
/**
* @file global style for acud pages
* @author [author]
*/
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
hr,
button,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
margin: 0;
padding: 0;
}
ul,
ol {
list-style: none;
}
a {
text-decoration: none;
}
[class*=acud-],
[class*=acud-] *,
[class*=acud-]:after,
[class*=acud-]:before {
box-sizing: border-box;
}
.acud-slide-up-enter,
.acud-slide-up-appear {
animation-duration: 0.2s;
animation-fill-mode: both;
animation-play-state: paused;
}
.acud-slide-up-leave {
animation-duration: 0.2s;
animation-fill-mode: both;
animation-play-state: paused;
}
.acud-slide-up-enter.acud-slide-up-enter-active,
.acud-slide-up-appear.acud-slide-up-appear-active {
animation-name: acudSlideUpIn;
animation-play-state: running;
}
.acud-slide-up-leave.acud-slide-up-leave-active {
animation-name: acudSlideUpOut;
animation-play-state: running;
pointer-events: none;
}
.acud-slide-up-enter,
.acud-slide-up-appear {
opacity: 0;
animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.acud-slide-up-leave {
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
.acud-slide-down-enter,
.acud-slide-down-appear {
animation-duration: 0.2s;
animation-fill-mode: both;
animation-play-state: paused;
}
.acud-slide-down-leave {
animation-duration: 0.2s;
animation-fill-mode: both;
animation-play-state: paused;
}
.acud-slide-down-enter.acud-slide-down-enter-active,
.acud-slide-down-appear.acud-slide-down-appear-active {
animation-name: acudSlideDownIn;
animation-play-state: running;
}
.acud-slide-down-leave.acud-slide-down-leave-active {
animation-name: acudSlideDownOut;
animation-play-state: running;
pointer-events: none;
}
.acud-slide-down-enter,
.acud-slide-down-appear {
opacity: 0;
animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.acud-slide-down-leave {
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
.acud-slide-left-enter,
.acud-slide-left-appear {
animation-duration: 0.2s;
animation-fill-mode: both;
animation-play-state: paused;
}
.acud-slide-left-leave {
animation-duration: 0.2s;
animation-fill-mode: both;
animation-play-state: paused;
}
.acud-slide-left-enter.acud-slide-left-enter-active,
.acud-slide-left-appear.acud-slide-left-appear-active {
animation-name: acudSlideLeftIn;
animation-play-state: running;
}
.acud-slide-left-leave.acud-slide-left-leave-active {
animation-name: acudSlideLeftOut;
animation-play-state: running;
pointer-events: none;
}
.acud-slide-left-enter,
.acud-slide-left-appear {
opacity: 0;
animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.acud-slide-left-leave {
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
.acud-slide-right-enter,
.acud-slide-right-appear {
animation-duration: 0.2s;
animation-fill-mode: both;
animation-play-state: paused;
}
.acud-slide-right-leave {
animation-duration: 0.2s;
animation-fill-mode: both;
animation-play-state: paused;
}
.acud-slide-right-enter.acud-slide-right-enter-active,
.acud-slide-right-appear.acud-slide-right-appear-active {
animation-name: acudSlideRightIn;
animation-play-state: running;
}
.acud-slide-right-leave.acud-slide-right-leave-active {
animation-name: acudSlideRightOut;
animation-play-state: running;
pointer-events: none;
}
.acud-slide-right-enter,
.acud-slide-right-appear {
opacity: 0;
animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.acud-slide-right-leave {
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
@keyframes acudSlideUpIn {
0% {
transform: scaleY(0.8);
transform-origin: 0% 0%;
opacity: 0;
}
100% {
transform: scaleY(1);
transform-origin: 0% 0%;
opacity: 1;
}
}
@keyframes acudSlideUpOut {
0% {
transform: scaleY(1);
transform-origin: 0% 0%;
opacity: 1;
}
100% {
transform: scaleY(0.8);
transform-origin: 0% 0%;
opacity: 0;
}
}
@keyframes acudSlideDownIn {
0% {
transform: scaleY(0.8);
transform-origin: 100% 100%;
opacity: 0;
}
100% {
transform: scaleY(1);
transform-origin: 100% 100%;
opacity: 1;
}
}
@keyframes acudSlideDownOut {
0% {
transform: scaleY(1);
transform-origin: 100% 100%;
opacity: 1;
}
100% {
transform: scaleY(0.8);
transform-origin: 100% 100%;
opacity: 0;
}
}
@keyframes acudSlideLeftIn {
0% {
transform: scaleX(0.8);
transform-origin: 0% 0%;
opacity: 0;
}
100% {
transform: scaleX(1);
transform-origin: 0% 0%;
opacity: 1;
}
}
@keyframes acudSlideLeftOut {
0% {
transform: scaleX(1);
transform-origin: 0% 0%;
opacity: 1;
}
100% {
transform: scaleX(0.8);
transform-origin: 0% 0%;
opacity: 0;
}
}
@keyframes acudSlideRightIn {
0% {
transform: scaleX(0.8);
transform-origin: 100% 0%;
opacity: 0;
}
100% {
transform: scaleX(1);
transform-origin: 100% 0%;
opacity: 1;
}
}
@keyframes acudSlideRightOut {
0% {
transform: scaleX(1);
transform-origin: 100% 0%;
opacity: 1;
}
100% {
transform: scaleX(0.8);
transform-origin: 100% 0%;
opacity: 0;
}
}
.acud-zoom-enter,
.acud-zoom-appear {
animation-duration: 0.2s;
animation-fill-mode: both;
animation-play-state: paused;
}
.acud-zoom-leave {
animation-duration: 0.2s;
animation-fill-mode: both;
animation-play-state: paused;
}
.acud-zoom-enter.acud-zoom-enter-active,
.acud-zoom-appear.acud-zoom-appear-active {
animation-name: acudZoomIn;
animation-play-state: running;
}
.acud-zoom-leave.acud-zoom-leave-active {
animation-name: acudZoomOut;
animation-play-state: running;
pointer-events: none;
}
.acud-zoom-enter,
.acud-zoom-appear {
transform: scale(0);
opacity: 0;
animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.acud-zoom-enter-prepare,
.acud-zoom-appear-prepare {
transform: none;
}
.acud-zoom-leave {
animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.acud-zoom-big-enter,
.acud-zoom-big-appear {
animation-duration: 0.2s;
animation-fill-mode: both;
animation-play-state: paused;
}
.acud-zoom-big-leave {
animation-duration: 0.2s;
animation-fill-mode: both;
animation-play-state: paused;
}
.acud-zoom-big-enter.acud-zoom-big-enter-active,
.acud-zoom-big-appear.acud-zoom-big-appear-active {
animation-name: acudZoomBigIn;
animation-play-state: running;
}
.acud-zoom-big-leave.acud-zoom-big-leave-active {
animation-name: acudZoomBigOut;
animation-play-state: running;
pointer-events: none;
}
.acud-zoom-big-enter,
.acud-zoom-big-appear {
transform: scale(0);
opacity: 0;
animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.acud-zoom-big-enter-prepare,
.acud-zoom-big-appear-prepare {
transform: none;
}
.acud-zoom-big-leave {
animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.acud-zoom-big-fast-enter,
.acud-zoom-big-fast-appear {
animation-duration: 0.1s;
animation-fill-mode: both;
animation-play-state: paused;
}
.acud-zoom-big-fast-leave {
animation-duration: 0.1s;
animation-fill-mode: both;
animation-play-state: paused;
}
.acud-zoom-big-fast-enter.acud-zoom-big-fast-enter-active,
.acud-zoom-big-fast-appear.acud-zoom-big-fast-appear-active {
animation-name: acudZoomBigIn;
animation-play-state: running;
}
.acud-zoom-big-fast-leave.acud-zoom-big-fast-leave-active {
animation-name: acudZoomBigOut;
animation-play-state: running;
pointer-events: none;
}
.acud-zoom-big-fast-enter,
.acud-zoom-big-fast-appear {
transform: scale(0);
opacity: 0;
animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.acud-zoom-big-fast-enter-prepare,
.acud-zoom-big-fast-appear-prepare {
transform: none;
}
.acud-zoom-big-fast-leave {
animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.acud-zoom-up-enter,
.acud-zoom-up-appear {
animation-duration: 0.2s;
animation-fill-mode: both;
animation-play-state: paused;
}
.acud-zoom-up-leave {
animation-duration: 0.2s;
animation-fill-mode: both;
animation-play-state: paused;
}
.acud-zoom-up-enter.acud-zoom-up-enter-active,
.acud-zoom-up-appear.acud-zoom-up-appear-active {
animation-name: acudZoomUpIn;
animation-play-state: running;
}
.acud-zoom-up-leave.acud-zoom-up-leave-active {
animation-name: acudZoomUpOut;
animation-play-state: running;
pointer-events: none;
}
.acud-zoom-up-enter,
.acud-zoom-up-appear {
transform: scale(0);
opacity: 0;
animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.acud-zoom-up-enter-prepare,
.acud-zoom-up-appear-prepare {
transform: none;
}
.acud-zoom-up-leave {
animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.acud-zoom-down-enter,
.acud-zoom-down-appear {
animation-duration: 0.2s;
animation-fill-mode: both;
animation-play-state: paused;
}
.acud-zoom-down-leave {
animation-duration: 0.2s;
animation-fill-mode: both;
animation-play-state: paused;
}
.acud-zoom-down-enter.acud-zoom-down-enter-active,
.acud-zoom-down-appear.acud-zoom-down-appear-active {
animation-name: acudZoomDownIn;
animation-play-state: running;
}
.acud-zoom-down-leave.acud-zoom-down-leave-active {
animation-name: acudZoomDownOut;
animation-play-state: running;
pointer-events: none;
}
.acud-zoom-down-enter,
.acud-zoom-down-appear {
transform: scale(0);
opacity: 0;
animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.acud-zoom-down-enter-prepare,
.acud-zoom-down-appear-prepare {
transform: none;
}
.acud-zoom-down-leave {
animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.acud-zoom-left-enter,
.acud-zoom-left-appear {
animation-duration: 0.2s;
animation-fill-mode: both;
animation-play-state: paused;
}
.acud-zoom-left-leave {
animation-duration: 0.2s;
animation-fill-mode: both;
animation-play-state: paused;
}
.acud-zoom-left-enter.acud-zoom-left-enter-active,
.acud-zoom-left-appear.acud-zoom-left-appear-active {
animation-name: acudZoomLeftIn;
animation-play-state: running;
}
.acud-zoom-left-leave.acud-zoom-left-leave-active {
animation-name: acudZoomLeftOut;
animation-play-state: running;
pointer-events: none;
}
.acud-zoom-left-enter,
.acud-zoom-left-appear {
transform: scale(0);
opacity: 0;
animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.acud-zoom-left-enter-prepare,
.acud-zoom-left-appear-prepare {
transform: none;
}
.acud-zoom-left-leave {
animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.acud-zoom-right-enter,
.acud-zoom-right-appear {
animation-duration: 0.2s;
animation-fill-mode: both;
animation-play-state: paused;
}
.acud-zoom-right-leave {
animation-duration: 0.2s;
animation-fill-mode: both;
animation-play-state: paused;
}
.acud-zoom-right-enter.acud-zoom-right-enter-active,
.acud-zoom-right-appear.acud-zoom-right-appear-active {
animation-name: acudZoomRightIn;
animation-play-state: running;
}
.acud-zoom-right-leave.acud-zoom-right-leave-active {
animation-name: acudZoomRightOut;
animation-play-state: running;
pointer-events: none;
}
.acud-zoom-right-enter,
.acud-zoom-right-appear {
transform: scale(0);
opacity: 0;
animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.acud-zoom-right-enter-prepare,
.acud-zoom-right-appear-prepare {
transform: none;
}
.acud-zoom-right-leave {
animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
@keyframes acudZoomIn {
0% {
transform: scale(0.2);
opacity: 0;
}
100% {
transform: scale(1);
opacity: 1;
}
}
@keyframes acudZoomOut {
0% {
transform: scale(1);
}
100% {
transform: scale(0.2);
opacity: 0;
}
}
@keyframes acudZoomBigIn {
0% {
transform: scale(0.8);
opacity: 0;
}
100% {
transform: scale(1);
opacity: 1;
}
}
@keyframes acudZoomBigOut {
0% {
transform: scale(1);
}
100% {
transform: scale(0.8);
opacity: 0;
}
}
@keyframes acudZoomUpIn {
0% {
transform: scale(0.8);
transform-origin: 50% 0%;
opacity: 0;
}
100% {
transform: scale(1);
transform-origin: 50% 0%;
}
}
@keyframes acudZoomUpOut {
0% {
transform: scale(1);
transform-origin: 50% 0%;
}
100% {
transform: scale(0.8);
transform-origin: 50% 0%;
opacity: 0;
}
}
@keyframes acudZoomLeftIn {
0% {
transform: scale(0.8);
transform-origin: 0% 50%;
opacity: 0;
}
100% {
transform: scale(1);
transform-origin: 0% 50%;
}
}
@keyframes acudZoomLeftOut {
0% {
transform: scale(1);
transform-origin: 0% 50%;
}
100% {
transform: scale(0.8);
transform-origin: 0% 50%;
opacity: 0;
}
}
@keyframes acudZoomRightIn {
0% {
transform: scale(0.8);
transform-origin: 100% 50%;
opacity: 0;
}
100% {
transform: scale(1);
transform-origin: 100% 50%;
}
}
@keyframes acudZoomRightOut {
0% {
transform: scale(1);
transform-origin: 100% 50%;
}
100% {
transform: scale(0.8);
transform-origin: 100% 50%;
opacity: 0;
}
}
@keyframes acudZoomDownIn {
0% {
transform: scale(0.8);
transform-origin: 50% 100%;
opacity: 0;
}
100% {
transform: scale(1);
transform-origin: 50% 100%;
}
}
@keyframes acudZoomDownOut {
0% {
transform: scale(1);
transform-origin: 50% 100%;
}
100% {
transform: scale(0.8);
transform-origin: 50% 100%;
opacity: 0;
}
}
.acud-fade-enter,
.acud-fade-appear {
animation-duration: 0.2s;
animation-fill-mode: both;
animation-play-state: paused;
}
.acud-fade-leave {
animation-duration: 0.2s;
animation-fill-mode: both;
animation-play-state: paused;
}
.acud-fade-enter.acud-fade-enter-active,
.acud-fade-appear.acud-fade-appear-active {
animation-name: acudFadeIn;
animation-play-state: running;
}
.acud-fade-leave.acud-fade-leave-active {
animation-name: acudFadeOut;
animation-play-state: running;
pointer-events: none;
}
.acud-fade-enter,
.acud-fade-appear {
opacity: 0;
animation-timing-function: linear;
}
.acud-fade-leave {
animation-timing-function: linear;
}
@keyframes acudFadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes acudFadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
/* color */
/* 默认颜色 */
/* 通用-icon */
/* 标签 */
/* 默认颜色 */
/* 其他颜色 */
/* 通用 */
/* 水平 */
/* 垂直 */
/* 序号水平 */
/* 序号垂直 */
.acud-affix {
position: fixed;
z-index: 10;
}
/* color */
/* 默认颜色 */
/* 通用-icon */
/* 标签 */
/* 默认颜色 */
/* 其他颜色 */
/* 通用 */
/* 水平 */
/* 垂直 */
/* 序号水平 */
/* 序号垂直 */
.acud-alert {
margin: 0;
padding: 0;
position: relative;
display: flex;
align-items: flex-start;
padding: 4px 16px;
word-wrap: break-word;
border-radius: 4px;
}
.acud-alert-content {
flex: 1;
min-width: 0;
}
.acud-alert-icon {
margin: 4px 8px 0 0;
font-size: 18px;
height: 18px;
line-height: 18px;
}
.acud-alert-description {
display: none;
font-size: 12px;
line-height: 20px;
color: #151B26;
}
.acud-alert-success {
background-color: #ECFFE6;
border: none;
}
.acud-alert-success .acud-alert-icon {
color: #30BF13;
}
.acud-alert-info {
background-color: #E6F0FF;
border: none;
}
.acud-alert-info .acud-alert-icon {
color: #2468F2;
}
.acud-alert-warning {
background-color: #FFF4E6;
border: none;
}
.acud-alert-warning .acud-alert-icon {
color: #FF9326;
}
.acud-alert-error {
background-color: #FFE8E6;
border: none;
}
.acud-alert-error .acud-alert-icon {
color: #F33E3E;
}
.acud-alert-error .acud-alert-description > pre {
margin: 0;
padding: 0;
background: transparent;
overflow: scroll;
}
.acud-alert-action {
margin-left: 8px;
}
.acud-alert-close-icon {
margin-left: 8px;
margin-top: 4px;
padding: 0;
overflow: hidden;
font-size: 16px;
line-height: 12px;
background-color: transparent;
border: none;
outline: none;
cursor: pointer;
}
.acud-alert-close-icon > .acudicon {
color: #84868C;
transition: color 0.3s;
}
.acud-alert-close-icon > .acudicon:hover {
color: #5C5F66;
}
.acud-alert-close-icon > .acudicon:active {
color: #303540;
}
.acud-alert-close-text {
font-size: 12px;
color: #2468F2;
transition: color 0.3s;
}
.acud-alert-close-text:hover {
color: #2468F2;
}
.acud-alert-with-description {
align-items: flex-start;
padding: 16px;
}
.acud-alert-with-description .acud-alert-message {
display: block;
margin-bottom: 4px;
color: #151B26;
font-size: 14px;
font-weight: 500;
}
.acud-alert-message {
color: #151B26;
font-size: 12px;
line-height: 24px;
}
.acud-alert-with-description .acud-alert-description {
display: block;
}
.acud-alert.acud-alert-motion-leave {
overflow: hidden;
opacity: 1;
transition: max-height 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), opacity 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), padding-top 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), padding-bottom 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), margin-bottom 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.acud-alert.acud-alert-motion-leave-active {
max-height: 0;
margin-bottom: 0 !important;
padding-top: 0;
padding-bottom: 0;
opacity: 0;
}
.acud-alert-banner {
margin-bottom: 0;
border: 0;
}
.acud-alert.acud-alert-rtl {
direction: rtl;
}
.acud-alert-rtl.acud-alert.acud-alert-no-icon {
padding: 4px 16px;
}
.acud-alert-rtl .acud-alert-icon {
margin-right: auto;
margin-left: 8px;
}
.acud-alert-rtl .acud-alert-action {
margin-right: 8px;
margin-left: auto;
}
.acud-alert-rtl .acud-alert-close-icon {
margin-right: 8px;
margin-left: auto;
}
.acud-alert-rtl.acud-alert-with-description .acud-alert-icon {
margin-right: auto;
margin-left: 16px;
}
/* color */
/* 默认颜色 */
/* 通用-icon */
/* 标签 */
/* 默认颜色 */
/* 其他颜色 */
/* 通用 */
/* 水平 */
/* 垂直 */
/* 序号水平 */
/* 序号垂直 */
.acud-anchor {
margin: 0;
padding: 0;
position: relative;
padding-left: 2px;
}
.acud-anchor-wrapper {
margin-left: -4px;
padding-left: 4px;
overflow: auto;
background-color: #FFFFFF;
}
.acud-anchor-ink {
position: absolute;
top: 0;
left: 0;
height: 100%;
}
.acud-anchor-ink::before {
position: relative;
display: block;
width: 2px;
height: 100%;
margin: 0 auto;
background-color: #E8E9EB;
content: ' ';
}
.acud-anchor-ink-ball {
position: absolute;
left: 50%;
display: none;
width: 2px;
height: 32px;
background-color: #2468F2;
transform: translate(-50%, -50%);
transition: top 0.3s ease-in-out;
}
.acud-anchor-ink-ball.visible {
display: inline-block;
}
.acud-anchor-ink.hover .acud-anchor-ink-ball {
background-color: #528EFF;
}
.acud-anchor-ink.click .acud-anchor-ink-ball {
background-color: #144BCC;
}
.acud-anchor.fixed .acud-anchor-ink .acud-anchor-ink-ball {
display: none;
}
.acud-anchor-link-title {
height: 32px;
line-height: 32px;
font-size: 12px;
font-family: -apple-system, BlinkMacSystemFont, "SF Pro SC", "SF Pro Text", "Helvetica Neue", Helvetica, "PingFang SC", Roboto, 'Arial', 'microsoft yahei ui', "Microsoft YaHei", SimSun, sans-serif;
padding-left: 10px;
position: relative;
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
transition: all 0.3s;
color: #151B26;
}
.acud-anchor-link-title:hover {
color: #2468F2;
}
.acud-anchor-link-title:focus,
.acud-anchor-link-title:active {
color: #144BCC;
}
.acud-anchor-link-title[disabled],
.acud-anchor-link-title[aria-disabled="true"],
.acud-anchor-link-title[disabled]:hover,
.acud-anchor-link-title[aria-disabled="true"]:hover,
.acud-anchor-link-title[disabled]:focus,
.acud-anchor-link-title[aria-disabled="true"]:focus,
.acud-anchor-link-title[disabled]:active,
.acud-anchor-link-title[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-anchor-link-title:only-child {
margin-bottom: 0;
}
.acud-anchor-link-title-disabled,
.acud-anchor-link-title-disabled:hover,
.acud-anchor-link-title-disabled:focus,
.acud-anchor-link-title-disabled:active,
.acud-anchor-link-title-disabled:visited {
color: #B8BABF;
cursor: not-allowed;
}
.acud-anchor-link-title-active {
color: #2468F2;
}
.acud-anchor-link-title-active:hover {
color: #528EFF;
}
.acud-anchor-link-title-active:focus,
.acud-anchor-link-title-active:active {
color: #144BCC;
}
.acud-anchor-link-title-active[disabled],
.acud-anchor-link-title-active[aria-disabled="true"],
.acud-anchor-link-title-active[disabled]:hover,
.acud-anchor-link-title-active[aria-disabled="true"]:hover,
.acud-anchor-link-title-active[disabled]:focus,
.acud-anchor-link-title-active[aria-disabled="true"]:focus,
.acud-anchor-link-title-active[disabled]:active,
.acud-anchor-link-title-active[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-anchor-link .acud-anchor-link {
padding-left: 12px;
}
.acud-anchor-rtl {
direction: rtl;
}
.acud-anchor-rtl.acud-anchor-wrapper {
margin-right: -4px;
margin-left: 0;
padding-right: 4px;
padding-left: 0;
}
.acud-anchor-rtl .acud-anchor-ink {
right: 0;
left: auto;
}
.acud-anchor-rtl .acud-anchor-ink-ball {
right: 50%;
left: 0;
transform: translateX(50%);
}
.acud-anchor-rtl .acud-anchor-link {
padding: 20px 20px 20px 0;
}
/* color */
/* 默认颜色 */
/* 通用-icon */
/* 标签 */
/* 默认颜色 */
/* 其他颜色 */
/* 通用 */
/* 水平 */
/* 垂直 */
/* 序号水平 */
/* 序号垂直 */
.acud-avatar {
margin: 0;
padding: 0;
position: relative;
display: inline-block;
overflow: hidden;
color: #fff;
white-space: nowrap;
text-align: center;
vertical-align: middle;
background: #ccc;
width: 32px;
height: 32px;
line-height: 32px;
border-radius: 50%;
}
.acud-avatar-image {
background: transparent;
}
.acud-avatar .acud-image-img {
display: block;
}
.acud-avatar-string {
position: absolute;
left: 50%;
transform-origin: 0 center;
}
.acud-avatar.acud-avatar-icon {
font-size: 18px;
}
.acud-avatar.acud-avatar-icon > .acudicon {
margin: 0;
}
.acud-avatar-lg {
width: 40px;
height: 40px;
line-height: 40px;
border-radius: 50%;
}
.acud-avatar-lg-string {
position: absolute;
left: 50%;
transform-origin: 0 center;
}
.acud-avatar-lg.acud-avatar-icon {
font-size: 24px;
}
.acud-avatar-lg.acud-avatar-icon > .acudicon {
margin: 0;
}
.acud-avatar-sm {
width: 24px;
height: 24px;
line-height: 24px;
border-radius: 50%;
}
.acud-avatar-sm-string {
position: absolute;
left: 50%;
transform-origin: 0 center;
}
.acud-avatar-sm.acud-avatar-icon {
font-size: 14px;
}
.acud-avatar-sm.acud-avatar-icon > .acudicon {
margin: 0;
}
.acud-avatar-square {
border-radius: 0px;
}
.acud-avatar > img {
display: block;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.acud-avatar-group {
display: inline-flex;
}
.acud-avatar-group .acud-avatar {
border: 1px solid #fff;
}
.acud-avatar-group .acud-avatar:not(:first-child) {
margin-left: -8px;
}
.acud-avatar-group-popover .acud-avatar + .acud-avatar {
margin-left: 3px;
}
.acud-avatar-group-rtl .acud-avatar:not(:first-child) {
margin-right: -8px;
margin-left: 0;
}
.acud-avatar-group-popover.acud-popover-rtl .acud-avatar + .acud-avatar {
margin-right: 3px;
margin-left: 0;
}
/* color */
/* 默认颜色 */
/* 通用-icon */
/* 标签 */
/* 默认颜色 */
/* 其他颜色 */
/* 通用 */
/* 水平 */
/* 垂直 */
/* 序号水平 */
/* 序号垂直 */
.acud-popover {
margin: 0;
padding: 0;
position: absolute;
top: 0;
left: 0;
z-index: 1030;
font-weight: normal;
white-space: normal;
text-align: left;
cursor: auto;
-webkit-user-select: text;
-moz-user-select: text;
user-select: text;
}
.acud-popover::after {
position: absolute;
background: rgba(255, 255, 255, 0.01);
content: '';
}
.acud-popover-hidden {
display: none;
}
.acud-popover-placement-top,
.acud-popover-placement-topLeft,
.acud-popover-placement-topRight {
padding-bottom: 10px;
}
.acud-popover-placement-right,
.acud-popover-placement-rightTop,
.acud-popover-placement-rightBottom {
padding-left: 10px;
}
.acud-popover-placement-bottom,
.acud-popover-placement-bottomLeft,
.acud-popover-placement-bottomRight {
padding-top: 10px;
}
.acud-popover-placement-left,
.acud-popover-placement-leftTop,
.acud-popover-placement-leftBottom {
padding-right: 10px;
}
.acud-popover-inner {
padding: 12px 12px;
background-color: #FFFFFF;
background-clip: padding-box;
border-radius: 2px;
box-shadow: 0px 4px 12px 1px rgba(7, 12, 20, 0.12);
box-shadow: 0 0 8px #FFFFFF \9;
border-radius: 4px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.acud-popover {
/* IE10+ */
}
.acud-popover-inner {
box-shadow: 0px 4px 12px 1px rgba(7, 12, 20, 0.12);
}
}
.acud-popover-title {
margin: 0;
padding-bottom: 4px;
color: #151B26;
font-size: 12px;
font-weight: 500;
}
.acud-popover-inner-content {
color: #151B26;
font-size: 12px;
}
.acud-popover-inner-content .acudicon-outlined-close {
padding-left: 12px;
font-size: 16px;
color: #84868C;
}
.acud-popover-message {
position: relative;
padding: 4px 0 12px;
color: #151B26;
font-size: 12px;
}
.acud-popover-message > .acudicon {
position: absolute;
top: 8.0002px;
color: #FF9326;
font-size: 12px;
}
.acud-popover-message-title {
padding-left: 20px;
}
.acud-popover-buttons {
margin-bottom: 4px;
text-align: right;
}
.acud-popover-buttons button {
margin-left: 8px;
}
.acud-popover-arrow {
position: absolute;
display: block;
width: 8.48528137px;
height: 8.48528137px;
background: transparent;
border-style: solid;
border-width: 4.24264069px;
transform: rotate(45deg);
}
.acud-popover-placement-top > .acud-popover-content > .acud-popover-arrow,
.acud-popover-placement-topLeft > .acud-popover-content > .acud-popover-arrow,
.acud-popover-placement-topRight > .acud-popover-content > .acud-popover-arrow {
bottom: 6.2px;
border-top-color: transparent;
border-right-color: #FFFFFF;
border-bottom-color: #FFFFFF;
border-left-color: transparent;
box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
}
.acud-popover-placement-top > .acud-popover-content > .acud-popover-arrow {
left: 50%;
transform: translateX(-50%) rotate(45deg);
}
.acud-popover-placement-topLeft > .acud-popover-content > .acud-popover-arrow {
left: 16px;
}
.acud-popover-placement-topRight > .acud-popover-content > .acud-popover-arrow {
right: 16px;
}
.acud-popover-placement-right > .acud-popover-content > .acud-popover-arrow,
.acud-popover-placement-rightTop > .acud-popover-content > .acud-popover-arrow,
.acud-popover-placement-rightBottom > .acud-popover-content > .acud-popover-arrow {
left: 6px;
border-top-color: transparent;
border-right-color: transparent;
border-bottom-color: #FFFFFF;
border-left-color: #FFFFFF;
box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);
}
.acud-popover-placement-right > .acud-popover-content > .acud-popover-arrow {
top: 50%;
transform: translateY(-50%) rotate(45deg);
}
.acud-popover-placement-rightTop > .acud-popover-content > .acud-popover-arrow {
top: 12px;
}
.acud-popover-placement-rightBottom > .acud-popover-content > .acud-popover-arrow {
bottom: 12px;
}
.acud-popover-placement-bottom > .acud-popover-content > .acud-popover-arrow,
.acud-popover-placement-bottomLeft > .acud-popover-content > .acud-popover-arrow,
.acud-popover-placement-bottomRight > .acud-popover-content > .acud-popover-arrow {
top: 6px;
border-top-color: #FFFFFF;
border-right-color: transparent;
border-bottom-color: transparent;
border-left-color: #FFFFFF;
box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.06);
}
.acud-popover-placement-bottom > .acud-popover-content > .acud-popover-arrow {
left: 50%;
transform: translateX(-50%) rotate(45deg);
}
.acud-popover-placement-bottomLeft > .acud-popover-content > .acud-popover-arrow {
left: 16px;
}
.acud-popover-placement-bottomRight > .acud-popover-content > .acud-popover-arrow {
right: 16px;
}
.acud-popover-placement-left > .acud-popover-content > .acud-popover-arrow,
.acud-popover-placement-leftTop > .acud-popover-content > .acud-popover-arrow,
.acud-popover-placement-leftBottom > .acud-popover-content > .acud-popover-arrow {
right: 6px;
border-top-color: #FFFFFF;
border-right-color: #FFFFFF;
border-bottom-color: transparent;
border-left-color: transparent;
box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);
}
.acud-popover-placement-left > .acud-popover-content > .acud-popover-arrow {
top: 50%;
transform: translateY(-50%) rotate(45deg);
}
.acud-popover-placement-leftTop > .acud-popover-content > .acud-popover-arrow {
top: 12px;
}
.acud-popover-placement-leftBottom > .acud-popover-content > .acud-popover-arrow {
bottom: 12px;
}
.acud-popover-rtl {
direction: rtl;
text-align: right;
}
.acud-popover-rtl .acud-popover-message-title {
padding-right: 20px;
padding-left: 12px;
}
.acud-popover-rtl .acud-popover-buttons {
text-align: left;
}
.acud-popover-rtl .acud-popover-buttons button {
margin-right: 8px;
margin-left: 0;
}
/* color */
/* 默认颜色 */
/* 通用-icon */
/* 标签 */
/* 默认颜色 */
/* 其他颜色 */
/* 通用 */
/* 水平 */
/* 垂直 */
/* 序号水平 */
/* 序号垂直 */
.acud-back-top {
margin: 0;
padding: 0;
position: fixed;
right: 100px;
bottom: 50px;
z-index: 10;
width: 40px;
height: 40px;
cursor: pointer;
}
.acud-back-top:empty {
display: none;
}
.acud-back-top-rtl {
right: auto;
left: 100px;
direction: rtl;
}
.acud-back-top-content {
width: 40px;
height: 40px;
overflow: hidden;
border-radius: 50%;
transition: all 0.3s;
color: #FFFFFF;
background-color: #B8BABF;
border-color: transparent;
}
.acud-back-top-content:hover {
color: #FFFFFF;
}
.acud-back-top-content:focus,
.acud-back-top-content:active {
color: #FFFFFF;
}
.acud-back-top-content[disabled],
.acud-back-top-content[aria-disabled="true"],
.acud-back-top-content[disabled]:hover,
.acud-back-top-content[aria-disabled="true"]:hover,
.acud-back-top-content[disabled]:focus,
.acud-back-top-content[aria-disabled="true"]:focus,
.acud-back-top-content[disabled]:active,
.acud-back-top-content[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-back-top-content:hover {
background-color: #303540;
}
.acud-back-top-content:focus,
.acud-back-top-content:active {
background-color: #303540;
}
.acud-back-top-content[disabled],
.acud-back-top-content[aria-disabled="true"],
.acud-back-top-content[disabled]:hover,
.acud-back-top-content[aria-disabled="true"]:hover,
.acud-back-top-content[disabled]:focus,
.acud-back-top-content[aria-disabled="true"]:focus,
.acud-back-top-content[disabled]:active,
.acud-back-top-content[aria-disabled="true"]:active {
background-color: transparent;
}
.acud-back-top-content:hover {
border-color: transparent;
}
.acud-back-top-content:focus,
.acud-back-top-content:active {
border-color: transparent;
}
.acud-back-top-content[disabled],
.acud-back-top-content[aria-disabled="true"],
.acud-back-top-content[disabled]:hover,
.acud-back-top-content[aria-disabled="true"]:hover,
.acud-back-top-content[disabled]:focus,
.acud-back-top-content[aria-disabled="true"]:focus,
.acud-back-top-content[disabled]:active,
.acud-back-top-content[aria-disabled="true"]:active {
border-color: transparent;
}
.acud-back-top-content:hover {
transition: all 0.3s;
}
.acud-back-top-content:hover::after {
background: #fff;
}
.acud-back-top-icon {
height: 100%;
}
.acud-back-top-icon > span {
display: block;
height: 100%;
position: relative;
}
.acud-back-top-icon > span svg {
font-size: 20px;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.acud-back-top-fade-leave {
opacity: 0;
}
@media screen and (max-width: 768px) {
.acud-back-top {
right: 60px;
}
}
@media screen and (max-width: 480px) {
.acud-back-top {
right: 20px;
}
}
/* color */
/* 默认颜色 */
/* 通用-icon */
/* 标签 */
/* 默认颜色 */
/* 其他颜色 */
/* 通用 */
/* 水平 */
/* 垂直 */
/* 序号水平 */
/* 序号垂直 */
.acud-badge {
margin: 0;
padding: 0;
position: relative;
display: inline-block;
line-height: 1;
}
.acud-badge-count {
z-index: auto;
min-width: 20px;
height: 20px;
color: #FFFFFF;
font-weight: 400;
font-size: 12px;
line-height: 18px;
white-space: nowrap;
text-align: center;
background: #F33E3E;
border-radius: 10px;
border: 1px solid #FFFFFF;
}
.acud-badge-count a,
.acud-badge-count a:hover {
color: #FFFFFF;
}
.acud-badge-count-sm {
min-width: 8px;
height: 8px;
padding: 0;
font-size: 12px;
line-height: 8px;
border-radius: 4px;
}
.acud-badge-multiple-words {
padding: 0 8px;
}
.acud-badge-dot {
z-index: auto;
width: 8px;
min-width: 8px;
height: 8px;
background: #F33E3E;
border-radius: 100%;
}
.acud-badge-count,
.acud-badge-dot,
.acud-badge .acud-scroll-number-custom-component {
display: inline-block;
vertical-align: top;
transform: translate(-50%, -10px);
transform-origin: 100% 0%;
}
.acud-badge-count.acudicon-spin,
.acud-badge-dot.acudicon-spin,
.acud-badge .acud-scroll-number-custom-component.acudicon-spin {
animation: acudBadgeLoadingCircle 1s infinite linear;
}
.acud-badge-dot {
transform: translate(-4px, -4px);
}
.acud-badge-text {
padding: 0 8px;
}
.acud-badge-status {
line-height: inherit;
vertical-align: baseline;
}
.acud-badge-status-dot {
position: relative;
top: -1px;
display: inline-block;
width: 8px;
height: 8px;
vertical-align: middle;
border-radius: 50%;
}
.acud-badge-status-success {
background-color: #30BF13;
}
.acud-badge-status-processing {
position: relative;
background-color: #2468F2;
}
.acud-badge-status-processing::after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 1px solid #2468F2;
border-radius: 50%;
animation: acudStatusProcessing 1.2s infinite ease-in-out;
content: '';
}
.acud-badge-status-default {
background-color: #B8BABF;
}
.acud-badge-status-error {
background-color: #F33E3E;
}
.acud-badge-status-warning {
background-color: #FF9326;
}
.acud-badge-status-blue {
background: #2468F2;
}
.acud-badge-status-red {
background: #F33E3E;
}
.acud-badge-status-green {
background: #30BF13;
}
.acud-badge-status-orange {
background: #FF9326;
}
.acud-badge-status-grey {
background: #B8BABF;
}
.acud-badge-status-text {
margin-left: 8px;
color: #151B26;
font-size: 14px;
}
.acud-badge-zoom-appear,
.acud-badge-zoom-enter,
.acud-badge-zoom-leave {
animation-duration: 0.3s;
animation-fill-mode: both;
transform-origin: 0 0;
}
.acud-badge-zoom-appear,
.acud-badge-zoom-enter {
animation-name: acudZoomBadgeIn;
animation-timing-function: cubic-bezier(0.12, 0.4, 0.29, 1.46);
}
.acud-badge-zoom-leave {
animation-name: acudZoomBadgeOut;
animation-timing-function: cubic-bezier(0.71, -0.46, 0.88, 0.6);
}
.acud-badge-dot.acud-badge-zoom-appear,
.acud-badge-dot.acud-badge-zoom-enter {
animation-name: acudZoomBadgeInDot;
}
.acud-badge-dot.acud-badge-zoom-leave {
animation-name: acudZoomBadgeOutDot;
}
.acud-badge-not-a-wrapper .acud-badge-zoom-appear,
.acud-badge-not-a-wrapper .acud-badge-zoom-enter {
animation: acudNoWrapperZoomBadgeIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
}
.acud-badge-not-a-wrapper .acud-badge-zoom-leave {
animation: acudNoWrapperZoomBadgeOut 0.3s cubic-bezier(0.71, -0.46, 0.88, 0.6);
}
.acud-badge-not-a-wrapper:not(.acud-badge-status) {
vertical-align: middle;
}
.acud-badge-not-a-wrapper .acud-scroll-number-custom-component {
transform: none;
}
.acud-badge-not-a-wrapper .acud-scroll-number-custom-component,
.acud-badge-not-a-wrapper .acud-scroll-number {
position: relative;
top: auto;
display: block;
transform-origin: 50% 50%;
}
.acud-badge-not-a-wrapper .acud-badge-count {
transform: none;
}
@keyframes acudStatusProcessing {
0% {
transform: scale(0.8);
opacity: 0.5;
}
100% {
transform: scale(2.4);
opacity: 0;
}
}
.acud-scroll-number {
overflow: hidden;
}
.acud-scroll-number-only {
position: relative;
display: inline-block;
height: 20px;
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-webkit-transform-style: preserve-3d;
-webkit-backface-visibility: hidden;
}
.acud-scroll-number-only > p.acud-scroll-number-only-unit {
height: 20px;
margin: 0;
-webkit-transform-style: preserve-3d;
-webkit-backface-visibility: hidden;
}
.acud-scroll-number-symbol {
vertical-align: top;
}
@keyframes acudZoomBadgeIn {
0% {
transform: scale(0) translate(-50%, -10px);
opacity: 0;
}
100% {
transform: scale(1) translate(-50%, -10px);
}
}
@keyframes acudZoomBadgeOut {
0% {
transform: scale(1) translate(-50%, -10px);
}
100% {
transform: scale(0) translate(-50%, -10px);
opacity: 0;
}
}
@keyframes acudZoomBadgeInDot {
0% {
transform: scale(0) translate(-4px, -4px);
opacity: 0;
}
100% {
transform: scale(1) translate(-4px, -4px);
}
}
@keyframes acudZoomBadgeOutDot {
0% {
transform: scale(1) translate(-4px, -4px);
}
100% {
transform: scale(0) translate(-4px, -4px);
opacity: 0;
}
}
@keyframes acudNoWrapperZoomBadgeIn {
0% {
transform: scale(0);
opacity: 0;
}
100% {
transform: scale(1);
}
}
@keyframes acudNoWrapperZoomBadgeOut {
0% {
transform: scale(1);
}
100% {
transform: scale(0);
opacity: 0;
}
}
@keyframes acudBadgeLoadingCircle {
0% {
transform-origin: 50%;
}
100% {
transform: translate(50%, -50%) rotate(360deg);
transform-origin: 50%;
}
}
.acud-ribbon-wrapper {
position: relative;
}
.acud-ribbon {
margin: 0;
padding: 0;
position: absolute;
top: 8px;
height: 22px;
padding: 0 8px;
color: #FFFFFF;
line-height: 22px;
white-space: nowrap;
background-color: #2468F2;
border-radius: 2px;
}
.acud-ribbon-text {
color: #FFF;
}
.acud-ribbon-corner {
position: absolute;
top: 100%;
width: 8px;
height: 8px;
color: currentColor;
border: 4px solid;
transform: scaleY(0.75);
transform-origin: top;
}
.acud-ribbon-corner::after {
position: absolute;
top: -4px;
left: -4px;
width: inherit;
height: inherit;
color: rgba(0, 0, 0, 0.25);
border: inherit;
content: '';
}
.acud-ribbon-color-blue {
color: #2468F2;
background: #2468F2;
}
.acud-ribbon-color-red {
color: #F33E3E;
background: #F33E3E;
}
.acud-ribbon-color-green {
color: #30BF13;
background: #30BF13;
}
.acud-ribbon-color-orange {
color: #FF9326;
background: #FF9326;
}
.acud-ribbon-color-grey {
color: #B8BABF;
background: #B8BABF;
}
.acud-ribbon.acud-ribbon-placement-end {
right: -8px;
border-bottom-right-radius: 0;
}
.acud-ribbon.acud-ribbon-placement-end .acud-ribbon-corner {
right: 0;
border-color: currentColor transparent transparent currentColor;
}
.acud-ribbon.acud-ribbon-placement-start {
left: -8px;
border-bottom-left-radius: 0;
}
.acud-ribbon.acud-ribbon-placement-start .acud-ribbon-corner {
left: 0;
border-color: currentColor currentColor transparent transparent;
}
.acud-badge-rtl {
direction: rtl;
}
.acud-badge-rtl .acud-badge-count,
.acud-badge-rtl .acud-badge-dot,
.acud-badge-rtl .acud-badge .acud-scroll-number-custom-component {
right: auto;
left: 0;
direction: ltr;
transform: translate(-50%, -50%);
transform-origin: 0% 0%;
}
.acud-badge-rtl.acud-badge .acud-scroll-number-custom-component {
right: auto;
left: 0;
transform: translate(-50%, -50%);
transform-origin: 0% 0%;
}
.acud-badge-rtl .acud-badge-status-text {
margin-right: 8px;
margin-left: 0;
}
.acud-badge-rtl .acud-badge-zoom-appear,
.acud-badge-rtl .acud-badge-zoom-enter {
animation-name: acudZoomBadgeInRtl;
}
.acud-badge-rtl .acud-badge-zoom-leave {
animation-name: acudZoomBadgeOutRtl;
}
.acud-badge-not-a-wrapper .acud-badge-count {
transform: none;
}
.acud-ribbon-rtl {
direction: rtl;
}
.acud-ribbon-rtl.acud-ribbon-placement-end {
right: unset;
left: -8px;
border-bottom-right-radius: 2px;
border-bottom-left-radius: 0;
}
.acud-ribbon-rtl.acud-ribbon-placement-end .acud-ribbon-corner {
right: unset;
left: 0;
border-color: currentColor currentColor transparent transparent;
}
.acud-ribbon-rtl.acud-ribbon-placement-end .acud-ribbon-corner::after {
border-color: currentColor currentColor transparent transparent;
}
.acud-ribbon-rtl.acud-ribbon-placement-start {
right: -8px;
left: unset;
border-bottom-right-radius: 0;
border-bottom-left-radius: 2px;
}
.acud-ribbon-rtl.acud-ribbon-placement-start .acud-ribbon-corner {
right: 0;
left: unset;
border-color: currentColor transparent transparent currentColor;
}
.acud-ribbon-rtl.acud-ribbon-placement-start .acud-ribbon-corner::after {
border-color: currentColor transparent transparent currentColor;
}
@keyframes acudZoomBadgeInRtl {
0% {
transform: scale(0) translate(-50%, -50%);
opacity: 0;
}
100% {
transform: scale(1) translate(-50%, -50%);
}
}
@keyframes acudZoomBadgeOutRtl {
0% {
transform: scale(1) translate(-50%, -50%);
}
100% {
transform: scale(0) translate(-50%, -50%);
opacity: 0;
}
}
/* color */
/* 默认颜色 */
/* 通用-icon */
/* 标签 */
/* 默认颜色 */
/* 其他颜色 */
/* 通用 */
/* 水平 */
/* 垂直 */
/* 序号水平 */
/* 序号垂直 */
.acud-breadcrumb {
margin: 0;
padding: 0;
}
.acud-breadcrumb-link {
color: #84868C;
}
.acud-breadcrumb a {
font-size: 14px;
color: #84868C;
transition: color 0.3s;
}
.acud-breadcrumb a:hover {
color: #2468F2;
}
.acud-breadcrumb a:focus,
.acud-breadcrumb a:active {
color: #144BCC;
}
.acud-breadcrumb a[disabled],
.acud-breadcrumb a[aria-disabled="true"],
.acud-breadcrumb a[disabled]:hover,
.acud-breadcrumb a[aria-disabled="true"]:hover,
.acud-breadcrumb a[disabled]:focus,
.acud-breadcrumb a[aria-disabled="true"]:focus,
.acud-breadcrumb a[disabled]:active,
.acud-breadcrumb a[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-breadcrumb > span:last-child {
color: #070C14;
}
.acud-breadcrumb > span:last-child span,
.acud-breadcrumb > span:last-child a {
color: #070C14;
}
.acud-breadcrumb > span:last-child .acud-breadcrumb-separator {
display: none;
}
.acud-breadcrumb-separator {
margin: 8px;
color: #84868C;
}
.acud-breadcrumb .acud-dropdown-trigger {
display: inline-block;
}
.acud-breadcrumb .acud-dropdown-trigger .acudicon {
margin-left: 4px;
}
.acud-breadcrumb-dropdown a {
color: #151B26;
}
.acud-breadcrumb-dropdown a:hover {
color: #151B26;
}
.acud-breadcrumb-dropdown a:focus,
.acud-breadcrumb-dropdown a:active {
color: #2468F2;
}
.acud-breadcrumb-dropdown a[disabled],
.acud-breadcrumb-dropdown a[aria-disabled="true"],
.acud-breadcrumb-dropdown a[disabled]:hover,
.acud-breadcrumb-dropdown a[aria-disabled="true"]:hover,
.acud-breadcrumb-dropdown a[disabled]:focus,
.acud-breadcrumb-dropdown a[aria-disabled="true"]:focus,
.acud-breadcrumb-dropdown a[disabled]:active,
.acud-breadcrumb-dropdown a[aria-disabled="true"]:active {
color: #B8BABF;
}
/* color */
/* 默认颜色 */
/* 通用-icon */
/* 标签 */
/* 默认颜色 */
/* 其他颜色 */
/* 通用 */
/* 水平 */
/* 垂直 */
/* 序号水平 */
/* 序号垂直 */
.acud-btn {
display: inline-flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
font-weight: 400;
white-space: nowrap;
text-align: center;
vertical-align: middle;
border-style: solid;
border-width: 1px;
outline: 0;
cursor: pointer;
height: 32px;
padding-right: 11px;
padding-left: 11px;
font-size: 12px;
border-radius: 4px;
}
.acud-btn-text-limited {
min-width: 72px;
}
.acud-btn-has-icon {
padding-left: 11px;
}
.acud-btn-only-icon {
padding-right: 7px;
padding-left: 7px;
}
.acud-btn-has-icon > .acudicon {
height: 16px;
font-size: 16px;
}
.acud-btn-lg {
height: 40px;
padding-right: 15px;
padding-left: 15px;
font-size: 14px;
border-radius: 4px;
}
.acud-btn-lg-text-limited {
min-width: 72px;
}
.acud-btn-lg-has-icon {
padding-left: 15px;
}
.acud-btn-lg-only-icon {
padding-right: 11px;
padding-left: 11px;
}
.acud-btn-lg-has-icon > .acudicon {
height: 16px;
font-size: 16px;
}
.acud-btn-sm {
height: 24px;
padding-right: 7px;
padding-left: 7px;
font-size: 12px;
border-radius: 2px;
}
.acud-btn-sm-text-limited {
min-width: 72px;
}
.acud-btn-sm-has-icon {
padding-left: 7px;
}
.acud-btn-sm-only-icon {
padding-right: 3px;
padding-left: 3px;
}
.acud-btn-sm-has-icon > .acudicon {
height: 16px;
font-size: 16px;
}
.acud-btn,
.acud-btn:active,
.acud-btn:focus {
outline: 0;
}
.acud-btn:not([disabled]):hover {
text-decoration: none;
}
.acud-btn:not([disabled]):active {
outline: 0;
box-shadow: none;
}
.acud-btn[disabled] {
cursor: not-allowed;
}
.acud-btn[disabled] > * {
pointer-events: none;
}
.acud-btn-primary {
color: #FFFFFF;
background-color: #2468F2;
border-color: transparent;
}
.acud-btn-primary:hover {
color: #FFFFFF;
}
.acud-btn-primary:active {
color: #FFFFFF;
}
.acud-btn-primary[disabled],
.acud-btn-primary[disabled]:hover,
.acud-btn-primary[disabled]:active {
color: #B8BABF;
}
.acud-btn-primary:hover {
background-color: #528EFF;
}
.acud-btn-primary:active {
background-color: #144BCC;
}
.acud-btn-primary[disabled],
.acud-btn-primary[disabled]:hover,
.acud-btn-primary[disabled]:active {
background-color: #F7F7F9;
}
.acud-btn-primary:hover {
border-color: transparent;
}
.acud-btn-primary:active {
border-color: transparent;
}
.acud-btn-primary[disabled],
.acud-btn-primary[disabled]:hover,
.acud-btn-primary[disabled]:active {
border-color: transparent;
}
.acud-btn-default {
color: #151B26;
background-color: #FFFFFF;
border-color: #E8E9EB;
}
.acud-btn-default:hover {
color: #2468F2;
}
.acud-btn-default:active {
color: #144BCC;
}
.acud-btn-default[disabled],
.acud-btn-default[disabled]:hover,
.acud-btn-default[disabled]:active {
color: #B8BABF;
}
.acud-btn-default:hover {
background-color: #FFFFFF;
}
.acud-btn-default:active {
background-color: #FFFFFF;
}
.acud-btn-default[disabled],
.acud-btn-default[disabled]:hover,
.acud-btn-default[disabled]:active {
background-color: #F7F7F9;
}
.acud-btn-default:hover {
border-color: #2468F2;
}
.acud-btn-default:active {
border-color: #144BCC;
}
.acud-btn-default[disabled],
.acud-btn-default[disabled]:hover,
.acud-btn-default[disabled]:active {
border-color: #F7F7F9;
}
.acud-btn-highlight {
color: #FFFFFF;
background-color: #F33E3E;
border-color: transparent;
}
.acud-btn-highlight:hover {
color: #FFFFFF;
}
.acud-btn-highlight:active {
color: #FFFFFF;
}
.acud-btn-highlight[disabled],
.acud-btn-highlight[disabled]:hover,
.acud-btn-highlight[disabled]:active {
color: #B8BABF;
}
.acud-btn-highlight:hover {
background-color: #FF6966;
}
.acud-btn-highlight:active {
background-color: #CC292E;
}
.acud-btn-highlight[disabled],
.acud-btn-highlight[disabled]:hover,
.acud-btn-highlight[disabled]:active {
background-color: #F7F7F9;
}
.acud-btn-highlight:hover {
border-color: transparent;
}
.acud-btn-highlight:active {
border-color: transparent;
}
.acud-btn-highlight[disabled],
.acud-btn-highlight[disabled]:hover,
.acud-btn-highlight[disabled]:active {
border-color: transparent;
}
.acud-btn-enhance {
color: #2468F2;
background-color: #FFFFFF;
border-color: #2468F2;
}
.acud-btn-enhance:hover {
color: #528EFF;
}
.acud-btn-enhance:active {
color: #144BCC;
}
.acud-btn-enhance[disabled],
.acud-btn-enhance[disabled]:hover,
.acud-btn-enhance[disabled]:active {
color: #B8BABF;
}
.acud-btn-enhance:hover {
background-color: #FFFFFF;
}
.acud-btn-enhance:active {
background-color: #FFFFFF;
}
.acud-btn-enhance[disabled],
.acud-btn-enhance[disabled]:hover,
.acud-btn-enhance[disabled]:active {
background-color: #F7F7F9;
}
.acud-btn-enhance:hover {
border-color: #528EFF;
}
.acud-btn-enhance:active {
border-color: #144BCC;
}
.acud-btn-enhance[disabled],
.acud-btn-enhance[disabled]:hover,
.acud-btn-enhance[disabled]:active {
border-color: #F7F7F9;
}
.acud-btn-text {
color: #151B26;
background-color: transparent;
border-color: transparent;
}
.acud-btn-text:hover {
color: #2468F2;
}
.acud-btn-text:active {
color: #144BCC;
}
.acud-btn-text[disabled],
.acud-btn-text[disabled]:hover,
.acud-btn-text[disabled]:active {
color: #B8BABF;
}
.acud-btn-text:hover {
background-color: transparent;
}
.acud-btn-text:active {
background-color: transparent;
}
.acud-btn-text[disabled],
.acud-btn-text[disabled]:hover,
.acud-btn-text[disabled]:active {
background-color: transparent;
}
.acud-btn-text:hover {
border-color: transparent;
}
.acud-btn-text:active {
border-color: transparent;
}
.acud-btn-text[disabled],
.acud-btn-text[disabled]:hover,
.acud-btn-text[disabled]:active {
border-color: transparent;
}
.acud-btn-actiontext {
color: #2468F2;
background-color: transparent;
border-color: transparent;
}
.acud-btn-actiontext:hover {
color: #528EFF;
}
.acud-btn-actiontext:active {
color: #144BCC;
}
.acud-btn-actiontext[disabled],
.acud-btn-actiontext[disabled]:hover,
.acud-btn-actiontext[disabled]:active {
color: #B8BABF;
}
.acud-btn-actiontext:hover {
background-color: transparent;
}
.acud-btn-actiontext:active {
background-color: transparent;
}
.acud-btn-actiontext[disabled],
.acud-btn-actiontext[disabled]:hover,
.acud-btn-actiontext[disabled]:active {
background-color: transparent;
}
.acud-btn-actiontext:hover {
border-color: transparent;
}
.acud-btn-actiontext:active {
border-color: transparent;
}
.acud-btn-actiontext[disabled],
.acud-btn-actiontext[disabled]:hover,
.acud-btn-actiontext[disabled]:active {
border-color: transparent;
}
.acud-btn-loading {
pointer-events: none;
cursor: default;
}
.acud-btn > span {
display: inline-block;
}
.acud-btn > .acudicon + span,
.acud-btn > span + .acudicon {
margin-left: 4px;
}
.acud-btn-group {
display: inline-flex;
}
.acud-btn-group > .acud-btn {
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
}
.acud-btn-group > .acud-dropdown-trigger .acud-btn {
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
}
.acud-btn-group .acudicon-outlined-down {
transition: transform 0.48s;
}
.acud-btn-group-expand .acudicon-outlined-down {
transform: rotate(-180deg);
transform-origin: center;
}
.acud-btn-group .acud-btn {
margin-left: -1px;
}
.acud-btn-group .acud-btn:hover {
z-index: 2;
}
.acud-btn-group-border-left {
border-left-color: #528EFF;
}
.acud-btn-group-border-left[disabled] {
border-left-color: #FFFFFF;
}
/* color */
/* 默认颜色 */
/* 通用-icon */
/* 标签 */
/* 默认颜色 */
/* 其他颜色 */
/* 通用 */
/* 水平 */
/* 垂直 */
/* 序号水平 */
/* 序号垂直 */
.acud-picker-calendar {
border: 1px solid #D4D6D9;
border-radius: 6px;
}
.acud-picker-calendar input {
font-family: -apple-system, BlinkMacSystemFont, "SF Pro SC", "SF Pro Text", "Helvetica Neue", Helvetica, "PingFang SC", Roboto, 'Arial', 'microsoft yahei ui', "Microsoft YaHei", SimSun, sans-serif;
}
.acud-picker-calendar-header {
display: flex;
justify-content: flex-end;
padding: 24px;
}
.acud-picker-calendar-header .acud-picker-calendar-year-select {
min-width: 80px;
}
.acud-picker-calendar-header .acud-picker-calendar-month-select {
min-width: 70px;
margin-inline-start: 8px;
}
.acud-picker-calendar-header .acud-picker-calendar-mode-switch {
margin-inline-start: 8px;
}
.acud-picker-calendar-header .acud-picker-calendar-radio-group-small {
display: flex;
}
.acud-picker-calendar-header .acud-picker-calendar-radio-group-small .acud-radio-button {
min-width: auto;
height: 24px;
line-height: 24px;
}
.acud-picker-calendar-header .acud-picker-calendar-radio-group-small .acud-radio-button::before,
.acud-picker-calendar-header .acud-picker-calendar-radio-group-small .acud-radio-button::after {
height: 24px;
}
.acud-picker-calendar .acud-picker-panel {
background: #fff;
border: 0;
border-radius: 0;
border-top: 1px solid #E8E9EB;
}
.acud-picker-calendar .acud-picker-panel .acud-picker-month-panel,
.acud-picker-calendar .acud-picker-panel .acud-picker-date-panel {
width: auto;
}
.acud-picker-calendar .acud-picker-panel .acud-picker-body {
padding: 8px 0;
}
.acud-picker-calendar .acud-picker-panel .acud-picker-content {
width: 100%;
}
.acud-picker-calendar .acud-picker-panel .acud-picker-content tr {
display: table-row;
}
.acud-picker-calendar .acud-picker-panel .acud-picker-content td {
position: static;
min-width: 24px;
font-weight: 400;
}
.acud-picker-calendar.acud-picker-calendar-full .acud-picker-calendar-header .acud-picker-calendar-year-select {
width: 100px;
}
.acud-picker-calendar.acud-picker-calendar-full .acud-picker-calendar-header .acud-picker-calendar-month-select {
width: 80px;
margin-inline-start: 16px;
}
.acud-picker-calendar.acud-picker-calendar-full .acud-picker-calendar-header .acud-picker-calendar-mode-switch {
margin-inline-start: 16px;
}
.acud-picker-calendar.acud-picker-calendar-full .acud-picker-calendar-header .acud-picker-calendar-mode-switch .acud-radio-button {
padding: 0;
width: 40px;
min-width: 40px;
text-align: center;
}
.acud-picker-calendar.acud-picker-calendar-full .acud-picker-panel {
display: block;
width: 100%;
text-align: end;
background: #fff;
border: none;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
}
.acud-picker-calendar.acud-picker-calendar-full .acud-picker-panel thead tr {
height: 36px;
}
.acud-picker-calendar.acud-picker-calendar-full .acud-picker-panel thead tr th::before {
content: '周';
}
.acud-picker-calendar.acud-picker-calendar-full .acud-picker-panel .acud-picker-date-panel .acud-picker-body,
.acud-picker-calendar.acud-picker-calendar-full .acud-picker-panel .acud-picker-month-panel .acud-picker-body {
padding: 0;
}
.acud-picker-calendar.acud-picker-calendar-full .acud-picker-panel .acud-picker-date-panel .acud-picker-body th,
.acud-picker-calendar.acud-picker-calendar-full .acud-picker-panel .acud-picker-month-panel .acud-picker-body th,
.acud-picker-calendar.acud-picker-calendar-full .acud-picker-panel .acud-picker-date-panel .acud-picker-body td,
.acud-picker-calendar.acud-picker-calendar-full .acud-picker-panel .acud-picker-month-panel .acud-picker-body td {
padding: 0;
text-align: left;
}
.acud-picker-calendar.acud-picker-calendar-full .acud-picker-panel .acud-picker-date-panel .acud-picker-body th,
.acud-picker-calendar.acud-picker-calendar-full .acud-picker-panel .acud-picker-month-panel .acud-picker-body th {
height: auto;
padding-inline-start: 12px;
padding-bottom: 4px;
line-height: 18px;
}
.acud-picker-calendar.acud-picker-calendar-full .acud-picker-panel .acud-picker-date-panel .acud-picker-body tr:first-child td,
.acud-picker-calendar.acud-picker-calendar-full .acud-picker-panel .acud-picker-month-panel .acud-picker-body tr:first-child td {
border-top: 2px solid #D4D6D9;
}
.acud-picker-calendar.acud-picker-calendar-full .acud-picker-panel .acud-picker-date-panel .acud-picker-body tr:last-child td:first-child .acud-picker-cell-inner,
.acud-picker-calendar.acud-picker-calendar-full .acud-picker-panel .acud-picker-month-panel .acud-picker-body tr:last-child td:first-child .acud-picker-cell-inner {
border-bottom-left-radius: 6px;
}
.acud-picker-calendar.acud-picker-calendar-full .acud-picker-panel .acud-picker-date-panel .acud-picker-body tr:last-child td:last-child .acud-picker-cell-inner,
.acud-picker-calendar.acud-picker-calendar-full .acud-picker-panel .acud-picker-month-panel .acud-picker-body tr:last-child td:last-child .acud-picker-cell-inner {
border-bottom-right-radius: 6px;
}
.acud-picker-calendar.acud-picker-calendar-full .acud-picker-panel .acud-picker-date-panel .acud-picker-body td:not(.acud-picker-cell-selected):hover .acud-picker-cell-inner,
.acud-picker-calendar.acud-picker-calendar-full .acud-picker-panel .acud-picker-month-panel .acud-picker-body td:not(.acud-picker-cell-selected):hover .acud-picker-cell-inner {
background-color: #F7F7F9;
border-radius: 0;
}
.acud-picker-calendar.acud-picker-calendar-full .acud-picker-panel .acud-picker-date-panel .acud-picker-body tbody tr .acud-picker-cell:last-child,
.acud-picker-calendar.acud-picker-calendar-full .acud-picker-panel .acud-picker-month-panel .acud-picker-body tbody tr .acud-picker-cell:last-child {
border-right: none;
}
.acud-picker-calendar.acud-picker-calendar-full .acud-picker-panel .acud-picker-month-panel tr td {
display: table-cell;
margin-right: 0;
}
.acud-picker-calendar.acud-picker-calendar-full .acud-picker-panel .acud-picker-month-panel .acud-picker-cell-in-view .acud-picker-calendar-date .acud-picker-calendar-date-value .acud-picker-calendar-date-value-text {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
width: 48px;
}
.acud-picker-calendar.acud-picker-calendar-full .acud-picker-panel .acud-picker-month-panel .acud-picker-cell-in-view.acud-picker-cell-selected .acud-picker-calendar-date {
background-color: #E6F0FF;
}
.acud-picker-calendar.acud-picker-calendar-full .acud-picker-panel .acud-picker-month-panel .acud-picker-cell-in-view:not(.acud-picker-cell-selected) .acud-picker-calendar-date-today .acud-picker-calendar-date-value-text {
width: 48px;
height: 24px;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
border: 1px solid #2468F2;
border-radius: 2px;
font-size: 12px;
color: #2468F2;
font-family: PingFangSC-Medium;
font-weight: 500;
}
.acud-picker-calendar.acud-picker-calendar-full .acud-picker-cell {
border-top: 1px solid #E8E9EB;
border-right: 1px solid #E8E9EB;
}
.acud-picker-calendar.acud-picker-calendar-full .acud-picker-cell .acud-picker-cell-inner {
border-radius: 0;
position: static;
}
.acud-picker-calendar.acud-picker-calendar-full .acud-picker-cell::before {
display: none;
}
.acud-picker-calendar.acud-picker-calendar-full .acud-picker-cell:hover .acud-picker-calendar-date {
background: rgba(0, 0, 0, 0.04);
}
.acud-picker-calendar.acud-picker-calendar-full .acud-picker-cell-inner.acud-picker-calendar-date-today {
border: none;
}
.acud-picker-calendar.acud-picker-calendar-full .acud-picker-cell-inner.acud-picker-calendar-date-today::before {
display: none;
}
.acud-picker-calendar.acud-picker-calendar-full .acud-picker-cell-in-view.acud-picker-cell-selected .acud-picker-calendar-date {
background-color: #E6F0FF;
color: unset;
}
.acud-picker-calendar.acud-picker-calendar-full .acud-picker-cell-in-view.acud-picker-cell-selected .acud-picker-calendar-date-value-text {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
background-color: #2468F2;
border-radius: 2px;
font-size: 12px;
color: #FFFFFF;
font-family: PingFangSC-Medium;
font-weight: 500;
}
.acud-picker-calendar.acud-picker-calendar-full .acud-picker-cell-in-view.acud-picker-cell-today:not(.acud-picker-cell-selected) .acud-picker-calendar-date-today .acud-picker-calendar-date-value-text {
border: 1px solid #2468F2;
border-radius: 2px;
font-size: 12px;
color: #2468F2;
font-family: PingFangSC-Medium;
font-weight: 500;
}
.acud-picker-calendar.acud-picker-calendar-full .acud-picker-cell-selected .acud-picker-calendar-date .acud-picker-calendar-date-value,
.acud-picker-calendar.acud-picker-calendar-full .acud-picker-cell-selected:hover .acud-picker-calendar-date .acud-picker-calendar-date-value,
.acud-picker-calendar.acud-picker-calendar-full .acud-picker-cell-selected .acud-picker-calendar-date-today .acud-picker-calendar-date-value,
.acud-picker-calendar.acud-picker-calendar-full .acud-picker-cell-selected:hover .acud-picker-calendar-date-today .acud-picker-calendar-date-value {
color: #2468F2;
}
.acud-picker-calendar.acud-picker-calendar-full .acud-picker-calendar-date {
display: block;
width: auto;
height: 100px;
/* margin: 0 @space-1;
padding: @space-1 @space-2 0; */
margin: 0;
padding: 0;
border: 0;
transition: background 0.3s;
}
.acud-picker-calendar.acud-picker-calendar-full .acud-picker-calendar-date-value {
line-height: 24px;
transition: color 0.3s;
padding: 8px;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
}
.acud-picker-calendar.acud-picker-calendar-full .acud-picker-calendar-date-value-text {
width: 24px;
height: 24px;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.acud-picker-calendar.acud-picker-calendar-full .acud-picker-calendar-date-content {
text-align: start;
height: calc(100% - 40px);
}
.acud-picker-calendar.acud-picker-calendar-full .acud-picker-calendar-date-today {
border-color: #2468F2;
}
.acud-picker-calendar.acud-picker-calendar-full .acud-picker-calendar-date-today .acud-picker-calendar-date-value {
color: rgba(0, 0, 0, 0.88);
}
.acud-picker-calendar.acud-picker-calendar-mini {
border-radius: 6px;
}
.acud-picker-calendar.acud-picker-calendar-mini .acud-picker-calendar-header {
padding: 8px;
justify-content: flex-start;
}
.acud-picker-calendar.acud-picker-calendar-mini .acud-picker-calendar-header .acud-picker-calendar-year-select {
min-width: 80px;
width: 80px;
}
.acud-picker-calendar.acud-picker-calendar-mini .acud-picker-calendar-header .acud-picker-calendar-year-select .acud-select-selector {
padding: 0 8px;
}
.acud-picker-calendar.acud-picker-calendar-mini .acud-picker-calendar-header .acud-picker-calendar-month-select {
min-width: 60px;
width: 60px;
}
.acud-picker-calendar.acud-picker-calendar-mini .acud-picker-calendar-header .acud-picker-calendar-month-select .acud-select-selector {
padding: 0 8px;
}
.acud-picker-calendar.acud-picker-calendar-mini .acud-picker-calendar-header .acud-picker-calendar-mode-switch {
flex: 1;
justify-content: flex-end;
}
.acud-picker-calendar.acud-picker-calendar-mini .acud-picker-calendar-header .acud-picker-calendar-mode-switch .acud-radio-button {
/* min-width: @T9;
width: @T9; */
padding: 0;
width: 28px;
text-align: center;
}
.acud-picker-calendar.acud-picker-calendar-mini .acud-picker-cell {
padding-top: 8px;
cursor: pointer;
}
.acud-picker-calendar.acud-picker-calendar-mini .acud-picker-panel {
border-radius: 6px;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.acud-picker-calendar.acud-picker-calendar-mini .acud-picker-panel .acud-picker-body {
padding: 12px;
}
.acud-picker-calendar.acud-picker-calendar-mini .acud-picker-month-panel .acud-picker-body {
padding: 16px 0;
}
.acud-picker-calendar.acud-picker-calendar-mini .acud-picker-month-panel .acud-picker-body tr .acud-picker-cell {
padding-top: 0;
padding-bottom: calc(4px * 6 + 2px);
display: table-cell;
}
.acud-picker-calendar.acud-picker-calendar-mini .acud-picker-month-panel .acud-picker-body tr .acud-picker-cell:not(.acud-picker-cell-selected) .acud-picker-calendar-date-today .acud-picker-calendar-date-value-text {
width: 48px;
height: 24px;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
border: 1px solid #2468F2;
border-radius: 2px;
font-size: 12px;
color: #2468F2;
font-family: PingFangSC-Medium;
font-weight: 500;
}
.acud-picker-calendar.acud-picker-calendar-mini .acud-picker-month-panel .acud-picker-body tr .acud-picker-cell.acud-picker-cell-selected .acud-picker-calendar-date-today .acud-picker-calendar-date-value-text {
color: #fff;
}
.acud-picker-calendar.acud-picker-calendar-mini .acud-picker-month-panel .acud-picker-body tr:last-child .acud-picker-cell {
padding-bottom: 0;
}
.acud-picker-calendar .acud-picker-month-panel .acud-picker-content .acud-picker-calendar-date-today {
border: none;
}
.acud-picker-calendar .acud-picker-content {
table-layout: fixed;
border-collapse: collapse;
}
.acud-picker-calendar-rtl {
direction: 'rtl';
}
/* stylelint-disable selector-pseudo-element-colon-notation */
/* stylelint-disable rule-empty-line-before */
/* color */
/* 默认颜色 */
/* 通用-icon */
/* 标签 */
/* 默认颜色 */
/* 其他颜色 */
/* 通用 */
/* 水平 */
/* 垂直 */
/* 序号水平 */
/* 序号垂直 */
.acud-radio {
color: #151B26;
font-size: 12px;
font-weight: 400;
margin-right: 24px;
}
.acud-radio .acud-radio-outline {
margin-right: 8px;
border: 1px solid #E8E9EB;
background-color: #FFFFFF;
width: 16px;
height: 16px;
display: inline-block;
border-radius: 50%;
position: relative;
vertical-align: middle;
top: -1px;
}
.acud-radio .acud-radio-inner {
width: 8px;
height: 8px;
display: inline-block;
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate3d(-50%, -50%, 0);
}
.acud-radio:hover .acud-radio-outline {
border-color: #2468F2;
}
.acud-radio-content {
display: inline-block;
cursor: pointer;
}
.acud-radio-content .acud-radio-label {
display: inline-block;
vertical-align: top;
}
.acud-radio-checked .acud-radio-outline {
border-color: #2468F2;
}
.acud-radio-checked .acud-radio-inner {
background-color: #2468F2;
}
.acud-radio-disabled,
.acud-radio-disabled:hover {
cursor: not-allowed;
}
.acud-radio-disabled .acud-radio-content,
.acud-radio-disabled:hover .acud-radio-content {
cursor: not-allowed;
}
.acud-radio-disabled .acud-radio-outline,
.acud-radio-disabled:hover .acud-radio-outline {
border-color: #E8E9EB;
background-color: #F7F7F9;
}
.acud-radio-disabled .acud-radio-label,
.acud-radio-disabled:hover .acud-radio-label {
color: #B8BABF;
}
.acud-radio.acud-radio-disabled.acud-radio-checked .acud-radio-outline {
border-color: #A8CAFF;
background-color: #FFFFFF;
}
.acud-radio.acud-radio-disabled.acud-radio-checked .acud-radio-inner {
background-color: #A8CAFF;
}
.acud-radio.acud-radio-disabled.acud-radio-checked .acud-radio-label {
color: #5C5F66;
}
.acud-radio:last-child {
margin-right: 0;
}
.acud-radio-button {
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
text-align: center;
font-size: 12px;
line-height: 32px;
height: 32px;
min-width: 80px;
padding: 0 12px;
border: 1px solid;
position: relative;
color: #151B26;
background-color: #FFFFFF;
border-color: #E8E9EB;
}
.acud-radio-button:hover {
color: #2468F2;
}
.acud-radio-button:focus,
.acud-radio-button:active {
color: #144BCC;
}
.acud-radio-button[disabled],
.acud-radio-button[aria-disabled="true"],
.acud-radio-button[disabled]:hover,
.acud-radio-button[aria-disabled="true"]:hover,
.acud-radio-button[disabled]:focus,
.acud-radio-button[aria-disabled="true"]:focus,
.acud-radio-button[disabled]:active,
.acud-radio-button[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-radio-button:hover {
background-color: #FFFFFF;
}
.acud-radio-button:focus,
.acud-radio-button:active {
background-color: #FFFFFF;
}
.acud-radio-button[disabled],
.acud-radio-button[aria-disabled="true"],
.acud-radio-button[disabled]:hover,
.acud-radio-button[aria-disabled="true"]:hover,
.acud-radio-button[disabled]:focus,
.acud-radio-button[aria-disabled="true"]:focus,
.acud-radio-button[disabled]:active,
.acud-radio-button[aria-disabled="true"]:active {
background-color: #F7F7F9;
}
.acud-radio-button:hover {
border-color: #2468F2;
}
.acud-radio-button:focus,
.acud-radio-button:active {
border-color: #144BCC;
}
.acud-radio-button[disabled],
.acud-radio-button[aria-disabled="true"],
.acud-radio-button[disabled]:hover,
.acud-radio-button[aria-disabled="true"]:hover,
.acud-radio-button[disabled]:focus,
.acud-radio-button[aria-disabled="true"]:focus,
.acud-radio-button[disabled]:active,
.acud-radio-button[aria-disabled="true"]:active {
border-color: #E8E9EB;
}
.acud-radio-button[disabled] {
cursor: not-allowed;
}
.acud-radio-button-checked {
color: #2468F2;
background-color: #FFFFFF;
border-color: #2468F2;
}
.acud-radio-button-checked:hover {
color: #528EFF;
}
.acud-radio-button-checked:focus,
.acud-radio-button-checked:active {
color: #144BCC;
}
.acud-radio-button-checked[disabled],
.acud-radio-button-checked[aria-disabled="true"],
.acud-radio-button-checked[disabled]:hover,
.acud-radio-button-checked[aria-disabled="true"]:hover,
.acud-radio-button-checked[disabled]:focus,
.acud-radio-button-checked[aria-disabled="true"]:focus,
.acud-radio-button-checked[disabled]:active,
.acud-radio-button-checked[aria-disabled="true"]:active {
color: #84868C;
}
.acud-radio-button-checked:hover {
background-color: #FFFFFF;
}
.acud-radio-button-checked:focus,
.acud-radio-button-checked:active {
background-color: #FFFFFF;
}
.acud-radio-button-checked[disabled],
.acud-radio-button-checked[aria-disabled="true"],
.acud-radio-button-checked[disabled]:hover,
.acud-radio-button-checked[aria-disabled="true"]:hover,
.acud-radio-button-checked[disabled]:focus,
.acud-radio-button-checked[aria-disabled="true"]:focus,
.acud-radio-button-checked[disabled]:active,
.acud-radio-button-checked[aria-disabled="true"]:active {
background-color: #F7F7F9;
}
.acud-radio-button-checked:hover {
border-color: #528EFF;
}
.acud-radio-button-checked:focus,
.acud-radio-button-checked:active {
border-color: #144BCC;
}
.acud-radio-button-checked[disabled],
.acud-radio-button-checked[aria-disabled="true"],
.acud-radio-button-checked[disabled]:hover,
.acud-radio-button-checked[aria-disabled="true"]:hover,
.acud-radio-button-checked[disabled]:focus,
.acud-radio-button-checked[aria-disabled="true"]:focus,
.acud-radio-button-checked[disabled]:active,
.acud-radio-button-checked[aria-disabled="true"]:active {
border-color: #E8E9EB;
}
span.acud-radio-button {
border-color: #E8E9EB;
}
.acud-radio-group .acud-radio-button {
border-width: 1px 0;
}
.acud-radio-group .acud-radio-button:before {
content: '';
position: absolute;
top: -1px;
left: -1px;
display: block;
width: 1px;
height: 32px;
background-color: #E8E9EB;
z-index: 0;
}
.acud-radio-group .acud-radio-button:after {
content: '';
position: absolute;
top: -1px;
right: 0;
display: block;
width: 1px;
height: 32px;
background-color: #E8E9EB;
z-index: 0;
}
.acud-radio-group .acud-radio-button:first-child {
border-left-width: 1px;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.acud-radio-group .acud-radio-button:first-child::before {
display: none;
}
.acud-radio-group .acud-radio-button:last-child {
border-right-width: 1px;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.acud-radio-group .acud-radio-button:last-child::after {
display: none;
}
.acud-radio-group .acud-radio-button.acud-radio-button-checked {
border-color: #2468F2;
}
.acud-radio-group .acud-radio-button.acud-radio-button-checked::before,
.acud-radio-group .acud-radio-button.acud-radio-button-checked::after {
background-color: #2468F2;
z-index: 3;
}
.acud-radio-group .acud-radio-button.acud-radio-button-checked:hover {
border-color: #528EFF;
}
.acud-radio-group .acud-radio-button.acud-radio-button-checked:hover::before,
.acud-radio-group .acud-radio-button.acud-radio-button-checked:hover::after {
background-color: #528EFF;
}
.acud-radio-group .acud-radio-button.acud-radio-button-checked:active {
border-color: #144BCC;
}
.acud-radio-group .acud-radio-button.acud-radio-button-checked:active::before,
.acud-radio-group .acud-radio-button.acud-radio-button-checked:active::after {
background-color: #144BCC;
}
.acud-radio-group .acud-radio-button.acud-radio-button-checked.acud-radio-button-disabled,
.acud-radio-group .acud-radio-button.acud-radio-button-checked.acud-radio-button-disabled:hover {
color: #A8CAFF;
border-color: #A8CAFF;
background-color: #FFFFFF;
}
.acud-radio-group .acud-radio-button.acud-radio-button-checked.acud-radio-button-disabled::before,
.acud-radio-group .acud-radio-button.acud-radio-button-checked.acud-radio-button-disabled:hover::before,
.acud-radio-group .acud-radio-button.acud-radio-button-checked.acud-radio-button-disabled::after,
.acud-radio-group .acud-radio-button.acud-radio-button-checked.acud-radio-button-disabled:hover::after {
background-color: #A8CAFF;
z-index: 2;
}
.acud-radio-group .acud-radio-button:hover {
border-color: #2468F2;
}
.acud-radio-group .acud-radio-button:hover::before,
.acud-radio-group .acud-radio-button:hover::after {
background-color: #2468F2;
z-index: 4;
}
.acud-radio-group .acud-radio-button.acud-radio-button-disabled {
border-color: #E8E9EB;
background-color: #F7F7F9;
}
.acud-radio-group .acud-radio-button.acud-radio-button-disabled::before,
.acud-radio-group .acud-radio-button.acud-radio-button-disabled::after {
background-color: #E8E9EB;
z-index: 1;
}
.acud-radio-group .acud-radio-button.acud-radio-button-disabled:hover {
border-color: #E8E9EB;
}
.acud-radio-group .acud-radio-button.acud-radio-button-disabled:hover::before,
.acud-radio-group .acud-radio-button.acud-radio-button-disabled:hover::after {
background-color: #E8E9EB;
z-index: 1;
}
.acud-radio-group.acud-radio-group-enhance .acud-radio-button:hover {
background-color: #EEF3FE;
}
.acud-radio-group.acud-radio-group-enhance .acud-radio-button.acud-radio-button-disabled:hover {
background-color: #F7F7F9;
}
.acud-radio-group.acud-radio-group-enhance .acud-radio-button.acud-radio-button-checked {
background-color: #EEF3FE;
}
.acud-radio-group.acud-radio-group-enhance .acud-radio-button.acud-radio-button-checked.acud-radio-button-disabled,
.acud-radio-group.acud-radio-group-enhance .acud-radio-button.acud-radio-button-checked.acud-radio-button-disabled:hover {
background-color: #FFFFFF;
}
@media (-webkit-device-pixel-ratio: 1.5) {
.acud-radio-group .acud-radio-button::before {
width: 0.5px;
top: -0.5px;
left: -0.5px;
}
.acud-radio-group .acud-radio-button::after {
width: 0.5px;
top: -0.5px;
right: 0;
}
}
/* color */
/* 默认颜色 */
/* 通用-icon */
/* 标签 */
/* 默认颜色 */
/* 其他颜色 */
/* 通用 */
/* 水平 */
/* 垂直 */
/* 序号水平 */
/* 序号垂直 */
.acud-select-single .acud-select-selector {
display: flex;
}
.acud-select-single .acud-select-selector .acud-select-selection-search {
position: absolute;
top: 0;
right: 12px;
bottom: 0;
left: 12px;
display: inline-flex;
}
.acud-select-single .acud-select-selector .acud-select-selection-search-input {
width: 100%;
}
.acud-select-single .acud-select-selector .acud-select-selection-item,
.acud-select-single .acud-select-selector .acud-select-selection-placeholder {
padding: 0;
line-height: 30px;
transition: all 0.3s;
}
@supports (-moz-appearance: meterbar) {
.acud-select-single .acud-select-selector .acud-select-selection-item,
.acud-select-single .acud-select-selector .acud-select-selection-placeholder {
line-height: 30px;
}
}
.acud-select-single .acud-select-selector .acud-select-selection-item {
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
color: #151B26;
}
.acud-select-single .acud-select-selector .acud-select-selection-item:hover {
color: #151B26;
}
.acud-select-single .acud-select-selector .acud-select-selection-placeholder {
pointer-events: none;
}
.acud-select-single .acud-select-selector::after,
.acud-select-single .acud-select-selector .acud-select-selection-item::after,
.acud-select-single .acud-select-selector .acud-select-selection-placeholder::after {
display: inline-block;
width: 0;
visibility: hidden;
content: '\a0';
}
.acud-select-single.acud-select-show-arrow .acud-select-selection-search {
right: 24px;
}
.acud-select-single.acud-select-show-arrow .acud-select-selection-item,
.acud-select-single.acud-select-show-arrow .acud-select-selection-placeholder {
padding-right: 0;
}
.acud-select-single:not(.acud-select-customize-input) .acud-select-selector {
width: 100%;
height: 32px;
padding: 0 40px 0 12px;
}
.acud-select-single:not(.acud-select-customize-input) .acud-select-selector .acud-select-selection-search-input {
height: 30px;
}
.acud-select-single:not(.acud-select-customize-input) .acud-select-selector::after {
line-height: 30px;
}
.acud-select-single.acud-select-customize-input .acud-select-selector::after {
display: none;
}
.acud-select-single.acud-select-customize-input .acud-select-selector .acud-select-selection-search {
position: static;
width: 100%;
}
.acud-select-single.acud-select-customize-input .acud-select-selector .acud-select-selection-placeholder {
position: absolute;
right: 0;
left: 0;
padding: 0 12px;
}
.acud-select-single.acud-select-customize-input .acud-select-selector .acud-select-selection-placeholder::after {
display: none;
}
.acud-select-single.acud-select-lg:not(.acud-select-customize-input) .acud-select-selector {
height: 14px;
}
.acud-select-single.acud-select-lg:not(.acud-select-customize-input) .acud-select-selector::after,
.acud-select-single.acud-select-lg:not(.acud-select-customize-input) .acud-select-selector .acud-select-selection-item,
.acud-select-single.acud-select-lg:not(.acud-select-customize-input) .acud-select-selector .acud-select-selection-placeholder {
line-height: 12px;
}
.acud-select-single.acud-select-lg:not(.acud-select-customize-input):not(.acud-select-customize-input) .acud-select-selection-search-input {
height: 12px;
}
.acud-select-single.acud-select-sm:not(.acud-select-customize-input) .acud-select-selector {
height: 24px;
}
.acud-select-single.acud-select-sm:not(.acud-select-customize-input) .acud-select-selector::after,
.acud-select-single.acud-select-sm:not(.acud-select-customize-input) .acud-select-selector .acud-select-selection-item,
.acud-select-single.acud-select-sm:not(.acud-select-customize-input) .acud-select-selector .acud-select-selection-placeholder {
line-height: 22px;
}
.acud-select-single.acud-select-sm:not(.acud-select-customize-input):not(.acud-select-customize-input) .acud-select-selection-search-input {
height: 22px;
}
.acud-select-single.acud-select-sm:not(.acud-select-customize-input) .acud-select-selection-search {
right: 12px;
left: 12px;
}
.acud-select-single.acud-select-sm:not(.acud-select-customize-input) .acud-select-selector {
padding: 0 12px;
}
.acud-select-single.acud-select-sm:not(.acud-select-customize-input).acud-select-show-arrow .acud-select-selection-search {
right: 30px;
}
.acud-select-single.acud-select-sm:not(.acud-select-customize-input).acud-select-show-arrow .acud-select-selection-item,
.acud-select-single.acud-select-sm:not(.acud-select-customize-input).acud-select-show-arrow .acud-select-selection-placeholder {
padding-right: 18px;
}
.acud-select-single.acud-select-lg:not(.acud-select-customize-input) .acud-select-selector {
padding: 0 12px;
}
.acud-select-single.acud-select-disabled .acud-select-selector .acud-select-selection-item {
color: #5C5F66;
}
/**
* Do not merge `height` & `line-height` under style with `selection` & `search`,
* since chrome may update to redesign with its align logic.
*/
.acud-select-selection-overflow {
position: relative;
display: flex;
flex: auto;
flex-wrap: wrap;
max-width: 100%;
}
.acud-select-selection-overflow-item {
flex: none;
align-self: center;
max-width: 100%;
margin-top: 3px;
}
.acud-select-multiple .acud-select-selector {
display: flex;
flex-wrap: wrap;
align-items: center;
padding: 0 12px 3px 3px;
}
.acud-select-show-search.acud-select-multiple .acud-select-selector {
cursor: text;
}
.acud-select-disabled.acud-select-multiple .acud-select-selector {
background: #F7F7F9;
cursor: not-allowed;
}
.acud-select-multiple .acud-select-selector::after {
display: inline-block;
width: 0;
margin: 0 0;
line-height: 24px;
content: '\a0';
}
.acud-select-multiple.acud-select-show-arrow .acud-select-selector,
.acud-select-multiple.acud-select-allow-clear .acud-select-selector {
padding-right: 28px;
}
.acud-select-multiple .acud-select-selection-item {
position: relative;
display: flex;
flex: none;
box-sizing: border-box;
max-width: 100%;
height: 24px;
margin-top: 0;
margin-bottom: 0;
line-height: 22px;
background-color: #F7F7F9;
border: 1px solid transparent;
color: #151B26;
border-radius: 2px;
cursor: default;
transition: font-size 0.3s, line-height 0.3s, height 0.3s;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
margin-inline-end: 5px;
padding-inline-start: 12px;
padding-inline-end: 6px;
}
.acud-select-multiple .acud-select-selection-item.acud-select-selection-item-disabled {
color: #5C5F66;
border-color: transparent;
background-color: #F7F7F9;
cursor: not-allowed;
}
.acud-select-multiple .acud-select-selection-item.acud-select-selection-item-disabled:hover {
color: #5C5F66;
border-color: transparent;
background-color: #F7F7F9;
}
.acud-select-multiple .acud-select-selection-item:hover {
color: #151B26;
border-color: transparent;
background-color: #F2F2F4;
}
.acud-select-disabled.acud-select-multiple .acud-select-selection-item,
.acud-select-disabled.acud-select-multiple .acud-select-selection-item:hover {
border-color: transparent;
color: #5C5F66;
background-color: #E8E9EB;
cursor: not-allowed;
}
.acud-select-multiple .acud-select-selection-item-content {
display: inline-block;
max-width: 95px;
margin-right: 6px;
overflow: hidden;
white-space: pre;
text-overflow: ellipsis;
}
.acud-select-multiple .acud-select-selection-item-remove {
display: inline-block;
color: #B8BABF;
font-weight: bold;
font-size: 10px;
line-height: inherit;
cursor: pointer;
color: #84868C;
}
.acud-select-multiple .acud-select-selection-item-remove > .acudicon {
vertical-align: -0.2em;
}
.acud-select-multiple .acud-select-selection-item-remove:hover {
color: #5C5F66;
}
.acud-select-multiple .acud-select-selection-item-remove:focus,
.acud-select-multiple .acud-select-selection-item-remove:active {
color: #303540;
}
.acud-select-multiple .acud-select-selection-item-remove[disabled],
.acud-select-multiple .acud-select-selection-item-remove[aria-disabled="true"],
.acud-select-multiple .acud-select-selection-item-remove[disabled]:hover,
.acud-select-multiple .acud-select-selection-item-remove[aria-disabled="true"]:hover,
.acud-select-multiple .acud-select-selection-item-remove[disabled]:focus,
.acud-select-multiple .acud-select-selection-item-remove[aria-disabled="true"]:focus,
.acud-select-multiple .acud-select-selection-item-remove[disabled]:active,
.acud-select-multiple .acud-select-selection-item-remove[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-select-multiple .acud-select-selection-item-remove[disabled] {
cursor: not-allowed;
}
.acud-select-multiple .acud-select-selection-overflow-item + .acud-select-selection-overflow-item .acud-select-selection-search {
margin-inline-start: 0;
}
.acud-select-multiple .acud-select-selection-search {
position: relative;
max-width: 100%;
margin-top: 0;
margin-bottom: 0;
margin-inline-start: 7px;
}
.acud-select-multiple .acud-select-selection-search-input,
.acud-select-multiple .acud-select-selection-search-mirror {
height: 24px;
font-family: -apple-system, BlinkMacSystemFont, "SF Pro SC", "SF Pro Text", "Helvetica Neue", Helvetica, "PingFang SC", Roboto, 'Arial', 'microsoft yahei ui', "Microsoft YaHei", SimSun, sans-serif;
line-height: 24px;
transition: all 0.3s;
}
.acud-select-multiple .acud-select-selection-search-input {
width: 100%;
min-width: 4.1px;
}
.acud-select-multiple .acud-select-selection-search-mirror {
position: absolute;
top: 0;
left: 0;
z-index: 999;
white-space: pre;
visibility: hidden;
}
.acud-select-multiple .acud-select-selection-placeholder {
position: absolute;
top: 50%;
right: 5px;
left: 12px;
transform: translateY(-50%);
transition: all 0.3s;
}
.acud-select-multiple.acud-select-lg .acud-select-selector::after {
line-height: 22px;
}
.acud-select-multiple.acud-select-lg .acud-select-selection-item {
height: 22px;
line-height: 20px;
}
.acud-select-multiple.acud-select-lg .acud-select-selection-search {
height: 22px;
line-height: 22px;
}
.acud-select-multiple.acud-select-lg .acud-select-selection-search-input,
.acud-select-multiple.acud-select-lg .acud-select-selection-search-mirror {
height: 22px;
line-height: 20px;
}
.acud-select-multiple.acud-select-sm .acud-select-selector::after {
line-height: 22px;
}
.acud-select-multiple.acud-select-sm .acud-select-selection-item {
height: 22px;
line-height: 20px;
}
.acud-select-multiple.acud-select-sm .acud-select-selection-search {
height: 22px;
line-height: 22px;
}
.acud-select-multiple.acud-select-sm .acud-select-selection-search-input,
.acud-select-multiple.acud-select-sm .acud-select-selection-search-mirror {
height: 22px;
line-height: 20px;
}
.acud-select-multiple.acud-select-sm .acud-select-selection-placeholder {
left: 12px;
}
.acud-select-multiple.acud-select-sm .acud-select-selection-search:first-child .acud-select-selection-search-input {
margin-left: 3px;
}
.acud-select-multiple.acud-select-lg .acud-select-selection-item {
height: 32px;
line-height: 32px;
}
.acud-select-dropdown-multiple .acud-select-item {
padding: 5px 12px;
}
.acud-select-dropdown-multiple .acud-select-item-checkall {
padding: 5px 12px;
height: 32px;
display: flex;
line-height: 22px;
cursor: pointer;
}
.acud-select-dropdown-multiple .acud-select-item-checkall:hover {
background-color: #E6F0FF;
}
.acud-select-dropdown-multiple .acud-select-item-option-content {
margin-left: 8px;
}
.acud-select-dropdown-multiple .acud-select-item-option-grouped {
padding-left: 48px;
}
.acud-select-dropdown-multiple .acud-select-item-group {
cursor: pointer;
}
/* Reset search input style */
.acud-select {
margin: 0;
padding: 0;
position: relative;
display: inline-block;
cursor: pointer;
}
.acud-select:not(.acud-select-customize-input) .acud-select-selector {
position: relative;
font-size: 12px;
color: #B8BABF;
background-color: #FFFFFF;
border-color: #E8E9EB;
border-radius: 4px;
border-width: 1px;
border-style: solid;
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
max-height: 59px;
overflow-y: auto;
}
.acud-select:not(.acud-select-customize-input) .acud-select-selector:hover {
color: #B8BABF;
}
.acud-select:not(.acud-select-customize-input) .acud-select-selector:focus,
.acud-select:not(.acud-select-customize-input) .acud-select-selector:active {
color: #B8BABF;
}
.acud-select:not(.acud-select-customize-input) .acud-select-selector[disabled],
.acud-select:not(.acud-select-customize-input) .acud-select-selector[aria-disabled="true"],
.acud-select:not(.acud-select-customize-input) .acud-select-selector[disabled]:hover,
.acud-select:not(.acud-select-customize-input) .acud-select-selector[aria-disabled="true"]:hover,
.acud-select:not(.acud-select-customize-input) .acud-select-selector[disabled]:focus,
.acud-select:not(.acud-select-customize-input) .acud-select-selector[aria-disabled="true"]:focus,
.acud-select:not(.acud-select-customize-input) .acud-select-selector[disabled]:active,
.acud-select:not(.acud-select-customize-input) .acud-select-selector[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-select:not(.acud-select-customize-input) .acud-select-selector:hover {
background-color: #FFFFFF;
}
.acud-select:not(.acud-select-customize-input) .acud-select-selector:focus,
.acud-select:not(.acud-select-customize-input) .acud-select-selector:active {
background-color: #FFFFFF;
}
.acud-select:not(.acud-select-customize-input) .acud-select-selector[disabled],
.acud-select:not(.acud-select-customize-input) .acud-select-selector[aria-disabled="true"],
.acud-select:not(.acud-select-customize-input) .acud-select-selector[disabled]:hover,
.acud-select:not(.acud-select-customize-input) .acud-select-selector[aria-disabled="true"]:hover,
.acud-select:not(.acud-select-customize-input) .acud-select-selector[disabled]:focus,
.acud-select:not(.acud-select-customize-input) .acud-select-selector[aria-disabled="true"]:focus,
.acud-select:not(.acud-select-customize-input) .acud-select-selector[disabled]:active,
.acud-select:not(.acud-select-customize-input) .acud-select-selector[aria-disabled="true"]:active {
background-color: #F7F7F9;
}
.acud-select:not(.acud-select-customize-input) .acud-select-selector:hover {
border-color: #2468F2;
}
.acud-select:not(.acud-select-customize-input) .acud-select-selector:focus,
.acud-select:not(.acud-select-customize-input) .acud-select-selector:active {
border-color: #144BCC;
}
.acud-select:not(.acud-select-customize-input) .acud-select-selector[disabled],
.acud-select:not(.acud-select-customize-input) .acud-select-selector[aria-disabled="true"],
.acud-select:not(.acud-select-customize-input) .acud-select-selector[disabled]:hover,
.acud-select:not(.acud-select-customize-input) .acud-select-selector[aria-disabled="true"]:hover,
.acud-select:not(.acud-select-customize-input) .acud-select-selector[disabled]:focus,
.acud-select:not(.acud-select-customize-input) .acud-select-selector[aria-disabled="true"]:focus,
.acud-select:not(.acud-select-customize-input) .acud-select-selector[disabled]:active,
.acud-select:not(.acud-select-customize-input) .acud-select-selector[aria-disabled="true"]:active {
border-color: #E8E9EB;
}
.acud-select:not(.acud-select-customize-input) .acud-select-selector input {
cursor: pointer;
}
.acud-select-show-search.acud-select:not(.acud-select-customize-input) .acud-select-selector {
cursor: text;
}
.acud-select-show-search.acud-select:not(.acud-select-customize-input) .acud-select-selector input {
cursor: auto;
}
.acud-select-disabled.acud-select:not(.acud-select-customize-input) .acud-select-selector {
cursor: not-allowed;
background-color: #F7F7F9;
border-color: #E8E9EB;
}
.acud-select-multiple.acud-select-disabled.acud-select:not(.acud-select-customize-input) .acud-select-selector {
background-color: #F7F7F9;
}
.acud-select-disabled.acud-select:not(.acud-select-customize-input) .acud-select-selector input {
cursor: not-allowed;
}
.acud-select-disabled:hover.acud-select:not(.acud-select-customize-input) .acud-select-selector {
border-color: #E8E9EB;
}
.acud-select:not(.acud-select-customize-input) .acud-select-selector .acud-select-selection-search-input {
margin: 0;
padding: 0;
background: transparent;
border: none;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.acud-select:not(.acud-select-customize-input) .acud-select-selector .acud-select-selection-search-input::-webkit-search-cancel-button {
display: none;
-webkit-appearance: none;
}
.acud-select-open:not(.acud-select-customize-input) .acud-select-selector {
border-color: #2468F2;
}
.acud-select-selection-item {
flex: 1;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
color: #B8BABF;
}
@media all and (-ms-high-contrast: none) {
.acud-select-selection-item *::-ms-backdrop,
.acud-select-selection-item {
flex: auto;
}
}
.acud-select-disabled .acud-select-selection-item {
color: #B8BABF;
}
.acud-select-selection-placeholder {
flex: 1;
overflow: hidden;
color: #B8BABF;
white-space: nowrap;
text-overflow: ellipsis;
pointer-events: none;
}
@media all and (-ms-high-contrast: none) {
.acud-select-selection-placeholder *::-ms-backdrop,
.acud-select-selection-placeholder {
flex: auto;
}
}
.acud-select-arrow {
position: absolute;
top: 53%;
right: 12px;
width: 16px;
height: 16px;
margin-top: -8px;
color: #B8BABF;
font-size: 16px;
line-height: 1;
text-align: center;
pointer-events: none;
}
.acud-select-arrow .acudicon {
vertical-align: top;
transition: transform 0.3s;
}
.acud-select-arrow .acudicon > svg {
vertical-align: top;
}
.acud-select-arrow .acudicon:not(.acud-select-suffix) {
pointer-events: auto;
}
.acud-select-disabled .acud-select-arrow {
cursor: not-allowed;
}
.acud-select-clear {
position: absolute;
top: 50%;
right: 32px;
z-index: 1;
display: inline-flex;
width: 12px;
height: 12px;
border-radius: 6px;
margin-top: -6px;
font-size: 20px;
font-style: normal;
line-height: 1;
text-align: center;
text-transform: none;
cursor: pointer;
opacity: 0;
text-rendering: auto;
color: #FFFFFF;
background-color: #D4D6D9;
border-color: transparent;
}
.acud-select-clear::before {
display: block;
}
.acud-select:hover .acud-select-clear {
opacity: 1;
}
.acud-select-clear .acudicon-outlined-close {
display: inline-flex;
width: 12px;
height: 12px;
padding-left: 2px;
padding-top: 2px;
}
.acud-select-clear:hover {
color: #FFFFFF;
}
.acud-select-clear:focus,
.acud-select-clear:active {
color: #FFFFFF;
}
.acud-select-clear[disabled],
.acud-select-clear[aria-disabled="true"],
.acud-select-clear[disabled]:hover,
.acud-select-clear[aria-disabled="true"]:hover,
.acud-select-clear[disabled]:focus,
.acud-select-clear[aria-disabled="true"]:focus,
.acud-select-clear[disabled]:active,
.acud-select-clear[aria-disabled="true"]:active {
color: #FFFFFF;
}
.acud-select-clear:hover {
background-color: #5C5F66;
}
.acud-select-clear:focus,
.acud-select-clear:active {
background-color: #303540;
}
.acud-select-clear[disabled],
.acud-select-clear[aria-disabled="true"],
.acud-select-clear[disabled]:hover,
.acud-select-clear[aria-disabled="true"]:hover,
.acud-select-clear[disabled]:focus,
.acud-select-clear[aria-disabled="true"]:focus,
.acud-select-clear[disabled]:active,
.acud-select-clear[aria-disabled="true"]:active {
background-color: #F2F2F4;
}
.acud-select-clear:hover {
border-color: transparent;
}
.acud-select-clear:focus,
.acud-select-clear:active {
border-color: transparent;
}
.acud-select-clear[disabled],
.acud-select-clear[aria-disabled="true"],
.acud-select-clear[disabled]:hover,
.acud-select-clear[aria-disabled="true"]:hover,
.acud-select-clear[disabled]:focus,
.acud-select-clear[aria-disabled="true"]:focus,
.acud-select-clear[disabled]:active,
.acud-select-clear[aria-disabled="true"]:active {
border-color: transparent;
}
.acud-select-dropdown {
margin: 0;
padding: 0;
position: absolute;
top: -9999px;
left: -9999px;
z-index: 1050;
padding: 4px 0;
overflow: hidden;
font-size: 12px;
font-variant: initial;
border-radius: 4px;
outline: none;
background-color: #FFFFFF;
box-shadow: 0px 2px 8px 0px rgba(7, 12, 20, 0.12);
}
.acud-select-dropdown.slide-up-enter.slide-up-enter-active.acud-select-dropdown-placement-bottomLeft,
.acud-select-dropdown.slide-up-appear.slide-up-appear-active.acud-select-dropdown-placement-bottomLeft {
animation-name: acudSlideUpIn;
}
.acud-select-dropdown.slide-up-enter.slide-up-enter-active.acud-select-dropdown-placement-topLeft,
.acud-select-dropdown.slide-up-appear.slide-up-appear-active.acud-select-dropdown-placement-topLeft {
animation-name: acudSlideDownIn;
}
.acud-select-dropdown.slide-up-leave.slide-up-leave-active.acud-select-dropdown-placement-bottomLeft {
animation-name: acudSlideUpOut;
}
.acud-select-dropdown.slide-up-leave.slide-up-leave-active.acud-select-dropdown-placement-topLeft {
animation-name: acudSlideDownOut;
}
.acud-select-dropdown-hidden {
display: none;
}
.acud-select-dropdown-empty {
color: #B8BABF;
}
.acud-select-item-empty {
color: #B8BABF;
position: relative;
display: flex;
padding: 7px 12px;
font-weight: normal;
font-size: 12px;
line-height: 20px;
}
.acud-select-item {
position: relative;
display: flex;
min-height: 32px;
padding: 5px 12px;
color: #151B26;
font-weight: normal;
font-size: 12px;
line-height: 22px;
cursor: pointer;
transition: background 0.3s ease;
}
.acud-select-item-group {
color: #151B26;
font-size: 12px;
cursor: default;
}
.acud-select-item-group:hover {
color: #151B26;
}
.acud-select-item-group:focus,
.acud-select-item-group:active {
color: #151B26;
}
.acud-select-item-group[disabled],
.acud-select-item-group[aria-disabled="true"],
.acud-select-item-group[disabled]:hover,
.acud-select-item-group[aria-disabled="true"]:hover,
.acud-select-item-group[disabled]:focus,
.acud-select-item-group[aria-disabled="true"]:focus,
.acud-select-item-group[disabled]:active,
.acud-select-item-group[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-select-item-group-arrow {
margin-right: 8px;
display: flex;
cursor: pointer;
}
.acud-select-item-group-arrow .acudicon {
display: flex;
color: #84868C;
}
.acud-select-item-group-checkbox.acud-checkbox-wrapper {
margin-right: 8px;
}
.acud-select-item-group-keep-expand {
cursor: default;
color: #B8BABF;
}
.acud-select-item-group-keep-expand:hover {
color: #B8BABF;
background-color: #E6F0FF;
}
.acud-select-item-group:hover {
background-color: #E6F0FF;
}
.acud-select-item-option {
display: flex;
}
.acud-select-item-option .acud-checkbox-wrapper {
height: 16px;
margin-top: 3px;
}
.acud-select-item-option-content {
flex: auto;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.acud-select-item-option-state {
flex: none;
}
.acud-select-item-option-selected:not(.acud-select-item-option-disabled) {
color: #2468F2;
background-color: #FFFFFF;
border-color: transparent;
}
.acud-select-item-option-selected:not(.acud-select-item-option-disabled) .acud-select-item-option-state {
color: #151B26;
}
.acud-select-item-option-active:not(.acud-select-item-option-disabled) {
background-color: #E6F0FF;
}
.acud-select-item-option-disabled {
color: #B8BABF;
cursor: not-allowed;
}
.acud-select-item-option-grouped {
padding-left: 48px;
}
.acud-select-item-option-grouped-keep-expand {
padding-left: 24px;
}
.acud-select-lg {
font-size: 14px;
}
.acud-select-borderless .acud-select-selector {
background-color: transparent !important;
border-color: transparent !important;
box-shadow: none !important;
}
.acud-select-search-highlight {
color: #2468F2;
}
.acud-select-dropdown-multiple .acud-select-item-option-selected:not(.acud-select-item-option-disabled) {
color: inherit;
}
/* color */
/* 默认颜色 */
/* 通用-icon */
/* 标签 */
/* 默认颜色 */
/* 其他颜色 */
/* 通用 */
/* 水平 */
/* 垂直 */
/* 序号水平 */
/* 序号垂直 */
.acud-empty {
margin: 0 8px;
font-size: 12px;
line-height: 1.5;
text-align: center;
}
.acud-empty-image {
height: 100px;
margin-bottom: 8px;
}
.acud-empty-image img {
height: 100%;
}
.acud-empty-image svg {
height: 100%;
margin: auto;
}
.acud-empty-footer {
margin-top: 16px;
}
.acud-empty-normal {
margin: 32px 0;
color: #84868C;
}
.acud-empty-normal .acud-empty-image {
height: 100px;
}
.acud-empty-small {
margin: 8px 0;
color: #B8BABF;
}
.acud-empty-small .acud-empty-image {
height: 35px;
}
.acud-empty-select {
margin: 0;
text-align: center;
flex-grow: 1;
}
.acud-empty-img-default-ellipse {
fill: #f5f5f5;
fill-opacity: 0.8;
}
.acud-empty-img-default-path-1 {
fill: #aeb8c2;
}
.acud-empty-img-default-path-2 {
fill: url(#linearGradient-1);
}
.acud-empty-img-default-path-3 {
fill: #f5f5f7;
}
.acud-empty-img-default-path-4 {
fill: #dce0e6;
}
.acud-empty-img-default-path-5 {
fill: #dce0e6;
}
.acud-empty-img-default-g {
fill: #fff;
}
.acud-empty-img-simple-ellipse {
fill: #f5f5f5;
}
.acud-empty-img-simple-g {
stroke: #d9d9d9;
}
.acud-empty-img-simple-path {
fill: #fafafa;
}
/* color */
/* 默认颜色 */
/* 通用-icon */
/* 标签 */
/* 默认颜色 */
/* 其他颜色 */
/* 通用 */
/* 水平 */
/* 垂直 */
/* 序号水平 */
/* 序号垂直 */
@keyframes acudCheckboxEffect {
0% {
transform: scale(1);
opacity: 0.5;
}
100% {
transform: scale(1.6);
opacity: 0;
}
}
.acud-checkbox {
margin: 0;
padding: 0;
display: flex;
position: relative;
line-height: 1;
top: 0;
white-space: nowrap;
outline: none;
cursor: pointer;
}
.acud-checkbox-wrapper:hover .acud-checkbox-inner,
.acud-checkbox:hover .acud-checkbox-inner {
border-color: #2468F2;
}
.acud-checkbox:active .acud-checkbox-inner {
border-color: #144BCC;
}
.acud-checkbox:hover::after,
.acud-checkbox-wrapper:hover .acud-checkbox::after {
visibility: visible;
}
.acud-checkbox-inner {
position: relative;
display: inline-flex;
width: 16px;
height: 16px;
direction: ltr;
background-color: #FFFFFF;
border: 1px solid #E8E9EB;
border-radius: 0px;
border-collapse: separate;
border-radius: 2px;
}
.acud-checkbox-input {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
width: 16px;
height: 16px;
cursor: pointer;
opacity: 0;
}
.acud-checkbox-checked .acud-checkbox-inner {
background-color: #2468F2;
border-color: #2468F2;
}
.acud-checkbox-checked .acud-checkbox-inner .checkbox-check-icon {
color: #FFFFFF;
width: 14px;
height: 14px;
}
.acud-checkbox-checked:hover .acud-checkbox-inner {
background-color: #528EFF;
border-color: #528EFF;
}
.acud-checkbox-checked:hover .acud-checkbox-inner .checkbox-check-icon {
color: #FFFFFF;
width: 14px;
height: 14px;
}
.acud-checkbox-checked:active .acud-checkbox-inner {
background-color: #144BCC;
border-color: #144BCC;
}
.acud-checkbox-checked:active .acud-checkbox-inner .checkbox-check-icon {
color: #FFFFFF;
width: 14px;
height: 14px;
}
.acud-checkbox.acud-checkbox-checked + span {
color: #151B26;
}
.acud-checkbox.acud-checkbox-checked + span:hover {
color: #151B26;
}
.acud-checkbox.acud-checkbox-disabled {
cursor: not-allowed;
}
.acud-checkbox.acud-checkbox-disabled.acud-checkbox-checked .acud-checkbox-inner {
background-color: #7DADFF;
border-color: #7DADFF;
}
.acud-checkbox.acud-checkbox-disabled.acud-checkbox-checked .acud-checkbox-inner .checkbox-check-icon {
color: #FFFFFF;
}
.acud-checkbox.acud-checkbox-disabled.acud-checkbox-checked .acud-checkbox-inner::after {
border-color: #7DADFF;
animation-name: none;
}
.acud-checkbox.acud-checkbox-disabled .acud-checkbox-input {
cursor: not-allowed;
}
.acud-checkbox.acud-checkbox-disabled .acud-checkbox-inner {
background-color: #F7F7F9;
border-color: #E8E9EB;
}
.acud-checkbox.acud-checkbox-disabled .acud-checkbox-inner .checkbox-check-icon {
color: #B8BABF;
}
.acud-checkbox.acud-checkbox-disabled + span {
color: #B8BABF;
cursor: not-allowed;
}
.acud-checkbox.acud-checkbox-disabled + span:hover {
color: #B8BABF;
}
.acud-checkbox.acud-checkbox-disabled:hover::after,
.acud-checkbox-wrapper:hover .acud-checkbox.acud-checkbox-disabled::after {
visibility: hidden;
}
.acud-checkbox-wrapper {
margin: 0;
padding: 0;
display: flex;
align-items: center;
line-height: unset;
cursor: pointer;
}
.acud-checkbox-wrapper::after {
display: inline-block;
width: 0;
overflow: hidden;
content: "\a0";
}
.acud-checkbox-wrapper.acud-checkbox-wrapper-disabled {
cursor: not-allowed;
}
.acud-checkbox-wrapper + .acud-checkbox-wrapper {
margin-left: 8px;
}
.acud-checkbox + span {
padding-right: 8px;
padding-left: 8px;
color: #151B26;
}
.acud-checkbox + span:hover {
color: #151B26;
}
.acud-checkbox-group {
margin: 0;
padding: 0;
display: inline-flex;
vertical-align: middle;
}
.acud-checkbox-group-item {
margin-right: 16px;
}
.acud-checkbox-group-item:last-child {
margin-right: 0;
}
.acud-checkbox-group-item + .acud-checkbox-group-item {
margin-left: 0;
}
.acud-checkbox-indeterminate .acud-checkbox-inner {
background-color: #FFFFFF;
border-color: #2468F2;
}
.acud-checkbox-indeterminate .acud-checkbox-inner::after {
position: absolute;
display: table;
top: 50%;
left: 50%;
width: 8px;
height: 8px;
background-color: #2468F2;
border: 0;
transform: translate(-50%, -50%) scale(1);
opacity: 1;
content: ' ';
}
.acud-checkbox-indeterminate.acud-checkbox-disabled .acud-checkbox-inner {
background-color: #FFFFFF;
border-color: #7DADFF;
}
.acud-checkbox-indeterminate.acud-checkbox-disabled .acud-checkbox-inner::after {
background-color: #7DADFF;
}
.acud-checkbox-indeterminate:active .acud-checkbox-inner {
background-color: #FFFFFF;
border-color: #144BCC;
}
.acud-checkbox-indeterminate:hover .acud-checkbox-inner {
background-color: #FFFFFF;
border-color: #7DADFF;
}
.acud-checkbox-indeterminate:hover .acud-checkbox-inner::after {
background-color: #7DADFF;
}
.acud-checkbox-button {
min-width: 80px;
text-align: center;
height: 32px;
line-height: 30px;
padding-left: 12px;
padding-right: 12px;
font-size: 12px;
border: 1px solid;
border-radius: 4px;
cursor: pointer;
position: relative;
display: inline-block;
color: #151B26;
background-color: #FFFFFF;
border-color: #E8E9EB;
}
.acud-checkbox-button .acud-checkbox-button-checked-flag {
border-top-left-radius: 2px;
}
.acud-checkbox-button:hover {
color: #2468F2;
}
.acud-checkbox-button:focus,
.acud-checkbox-button:active {
color: #144BCC;
}
.acud-checkbox-button[disabled],
.acud-checkbox-button[aria-disabled="true"],
.acud-checkbox-button[disabled]:hover,
.acud-checkbox-button[aria-disabled="true"]:hover,
.acud-checkbox-button[disabled]:focus,
.acud-checkbox-button[aria-disabled="true"]:focus,
.acud-checkbox-button[disabled]:active,
.acud-checkbox-button[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-checkbox-button:hover {
background-color: #FFFFFF;
}
.acud-checkbox-button:focus,
.acud-checkbox-button:active {
background-color: #FFFFFF;
}
.acud-checkbox-button[disabled],
.acud-checkbox-button[aria-disabled="true"],
.acud-checkbox-button[disabled]:hover,
.acud-checkbox-button[aria-disabled="true"]:hover,
.acud-checkbox-button[disabled]:focus,
.acud-checkbox-button[aria-disabled="true"]:focus,
.acud-checkbox-button[disabled]:active,
.acud-checkbox-button[aria-disabled="true"]:active {
background-color: #F7F7F9;
}
.acud-checkbox-button:hover {
border-color: #2468F2;
}
.acud-checkbox-button:focus,
.acud-checkbox-button:active {
border-color: #144BCC;
}
.acud-checkbox-button[disabled],
.acud-checkbox-button[aria-disabled="true"],
.acud-checkbox-button[disabled]:hover,
.acud-checkbox-button[aria-disabled="true"]:hover,
.acud-checkbox-button[disabled]:focus,
.acud-checkbox-button[aria-disabled="true"]:focus,
.acud-checkbox-button[disabled]:active,
.acud-checkbox-button[aria-disabled="true"]:active {
border-color: #E8E9EB;
}
.acud-checkbox-button-checked {
color: #2468F2;
background-color: #FFFFFF;
border-color: #2468F2;
background-color: #EEF3FE;
}
.acud-checkbox-button-checked:hover {
color: #528EFF;
}
.acud-checkbox-button-checked:focus,
.acud-checkbox-button-checked:active {
color: #144BCC;
}
.acud-checkbox-button-checked[disabled],
.acud-checkbox-button-checked[aria-disabled="true"],
.acud-checkbox-button-checked[disabled]:hover,
.acud-checkbox-button-checked[aria-disabled="true"]:hover,
.acud-checkbox-button-checked[disabled]:focus,
.acud-checkbox-button-checked[aria-disabled="true"]:focus,
.acud-checkbox-button-checked[disabled]:active,
.acud-checkbox-button-checked[aria-disabled="true"]:active {
color: #84868C;
}
.acud-checkbox-button-checked:hover {
background-color: #FFFFFF;
}
.acud-checkbox-button-checked:focus,
.acud-checkbox-button-checked:active {
background-color: #FFFFFF;
}
.acud-checkbox-button-checked[disabled],
.acud-checkbox-button-checked[aria-disabled="true"],
.acud-checkbox-button-checked[disabled]:hover,
.acud-checkbox-button-checked[aria-disabled="true"]:hover,
.acud-checkbox-button-checked[disabled]:focus,
.acud-checkbox-button-checked[aria-disabled="true"]:focus,
.acud-checkbox-button-checked[disabled]:active,
.acud-checkbox-button-checked[aria-disabled="true"]:active {
background-color: #F7F7F9;
}
.acud-checkbox-button-checked:hover {
border-color: #528EFF;
}
.acud-checkbox-button-checked:focus,
.acud-checkbox-button-checked:active {
border-color: #144BCC;
}
.acud-checkbox-button-checked[disabled],
.acud-checkbox-button-checked[aria-disabled="true"],
.acud-checkbox-button-checked[disabled]:hover,
.acud-checkbox-button-checked[aria-disabled="true"]:hover,
.acud-checkbox-button-checked[disabled]:focus,
.acud-checkbox-button-checked[aria-disabled="true"]:focus,
.acud-checkbox-button-checked[disabled]:active,
.acud-checkbox-button-checked[aria-disabled="true"]:active {
border-color: #E8E9EB;
}
.acud-checkbox-button-checked .acud-checkbox-button-checked-flag {
position: absolute;
top: 0;
left: 0;
width: 0;
height: 0;
border-top: 7px solid #2468F2;
border-left: 7px solid #2468F2;
border-right: 7px solid transparent;
border-bottom: 7px solid transparent;
}
.acud-checkbox-button-checked:hover {
border-color: #528EFF;
background-color: #EEF3FE;
}
.acud-checkbox-button-checked:hover .acud-checkbox-button-checked-flag {
border-top: 7px solid #528EFF;
border-left: 7px solid #528EFF;
}
.acud-checkbox-button-checked:active {
background-color: #EEF3FE;
border-color: #144BCC;
}
.acud-checkbox-button-checked:active .acud-checkbox-button-checked-flag {
border-top: 7px solid #144BCC;
border-left: 7px solid #144BCC;
}
.acud-checkbox-button-checked .acud-checkbox-button-checked-icon {
position: absolute;
top: 0;
left: 0;
line-height: 14px;
font-size: 12px;
color: #FFFFFF;
transform: translate(-1px, -2px) scale(0.6);
}
.acud-checkbox-button-checked.acud-checkbox-button-disabled {
background-color: #FFFFFF;
border-color: #7DADFF;
color: #7DADFF;
}
.acud-checkbox-button-checked.acud-checkbox-button-disabled .acud-checkbox-button-checked-flag {
border-top: 7px solid #7DADFF;
border-left: 7px solid #7DADFF;
}
.acud-checkbox-button-checked.acud-checkbox-button-disabled:hover {
background-color: #FFFFFF;
border-color: #7DADFF;
color: #7DADFF;
}
.acud-checkbox-button-checked.acud-checkbox-button-disabled:hover .acud-checkbox-button-checked-flag {
border-top: 7px solid #7DADFF;
border-left: 7px solid #7DADFF;
}
.acud-checkbox-button-disabled {
cursor: not-allowed;
}
.acud-checkbox-button-disabled .acud-checkbox-button-checked-flag {
border-top: 7px solid #E8E9EB;
border-left: 7px solid #E8E9EB;
}
.acud-checkbox-button-disabled:hover .acud-checkbox-button-checked-flag {
border-top: 7px solid #E8E9EB;
border-left: 7px solid #E8E9EB;
}
.acud-checkbox-button-disabled .acud-checkbox-button-checked-icon {
color: #FFFFFF;
}
.acud-checkbox-button-group-item {
border-radius: 0;
border-width: 1px 0;
}
.acud-checkbox-button-group-item .acud-checkbox-button-checked-flag {
border-top-left-radius: 0;
}
.acud-checkbox-button-group-item::before {
box-sizing: content-box;
content: "";
display: block;
height: 32px;
left: -1px;
position: absolute;
top: -1px;
width: 1px;
background-color: #E8E9EB;
z-index: 0;
}
.acud-checkbox-button-group-item::after {
box-sizing: content-box;
content: "";
display: block;
height: 32px;
right: 0;
position: absolute;
top: -1px;
width: 1px;
background-color: #E8E9EB;
z-index: 0;
}
.acud-checkbox-button-group-item:first-child {
border-left-width: 1px;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.acud-checkbox-button-group-item:first-child.acud-checkbox-button-group-item:first-child::before {
display: none;
}
.acud-checkbox-button-group-item:first-child .acud-checkbox-button-checked-flag {
border-top-left-radius: 2px;
}
.acud-checkbox-button-group-item:last-child {
border-right-width: 1px;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.acud-checkbox-button-group-item:last-child.acud-checkbox-button-group-item:last-child::after {
display: none;
}
.acud-checkbox-button-group-item:hover::before {
background-color: #2468F2;
z-index: 4;
}
.acud-checkbox-button-group-item:hover::after {
background-color: #2468F2;
z-index: 4;
}
.acud-checkbox-button-group-item.acud-checkbox-button-checked::before {
background-color: #2468F2;
z-index: 3;
}
.acud-checkbox-button-group-item.acud-checkbox-button-checked::after {
background-color: #2468F2;
z-index: 3;
}
.acud-checkbox-button-group-item.acud-checkbox-button-checked:hover::before {
background-color: #528EFF;
z-index: 5;
}
.acud-checkbox-button-group-item.acud-checkbox-button-checked:hover::after {
background-color: #528EFF;
z-index: 5;
}
.acud-checkbox-button-group-item.acud-checkbox-button-checked:active::before {
background-color: #144BCC;
z-index: 5;
}
.acud-checkbox-button-group-item.acud-checkbox-button-checked:active::after {
background-color: #144BCC;
z-index: 5;
}
.acud-checkbox-button-group-item.acud-checkbox-button-checked.acud-checkbox-button-disabled::before {
background-color: #7DADFF;
z-index: 2;
}
.acud-checkbox-button-group-item.acud-checkbox-button-checked.acud-checkbox-button-disabled::after {
background-color: #7DADFF;
z-index: 2;
}
.acud-checkbox-button-group-item.acud-checkbox-button-disabled::before {
background-color: #E8E9EB;
z-index: 1;
}
.acud-checkbox-button-group-item.acud-checkbox-button-disabled::after {
background-color: #E8E9EB;
z-index: 1;
}
@media (-webkit-device-pixel-ratio: 1.5) {
.acud-checkbox-button-group-item::before {
width: 0.5px;
top: -0.5px;
left: -0.5px;
}
.acud-checkbox-button-group-item::after {
width: 0.5px;
top: -0.5px;
right: 0;
}
}
/* color */
/* 默认颜色 */
/* 通用-icon */
/* 标签 */
/* 默认颜色 */
/* 其他颜色 */
/* 通用 */
/* 水平 */
/* 垂直 */
/* 序号水平 */
/* 序号垂直 */
.acud-card {
text-align: left;
color: #84868C;
background-color: #FFFFFF;
border-color: #E8E9EB;
font-weight: 400;
font-size: 12px;
position: relative;
min-height: 80px;
border-radius: 6px;
}
.acud-card:hover {
color: #84868C;
}
.acud-card:focus,
.acud-card:active {
color: #84868C;
}
.acud-card[disabled],
.acud-card[aria-disabled="true"],
.acud-card[disabled]:hover,
.acud-card[aria-disabled="true"]:hover,
.acud-card[disabled]:focus,
.acud-card[aria-disabled="true"]:focus,
.acud-card[disabled]:active,
.acud-card[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-card:hover {
background-color: #FFFFFF;
}
.acud-card:focus,
.acud-card:active {
background-color: #FFFFFF;
}
.acud-card[disabled],
.acud-card[aria-disabled="true"],
.acud-card[disabled]:hover,
.acud-card[aria-disabled="true"]:hover,
.acud-card[disabled]:focus,
.acud-card[aria-disabled="true"]:focus,
.acud-card[disabled]:active,
.acud-card[aria-disabled="true"]:active {
background-color: #F7F7F9;
}
.acud-card:hover {
border-color: #E8E9EB;
}
.acud-card:focus,
.acud-card:active {
border-color: #E8E9EB;
}
.acud-card[disabled],
.acud-card[aria-disabled="true"],
.acud-card[disabled]:hover,
.acud-card[aria-disabled="true"]:hover,
.acud-card[disabled]:focus,
.acud-card[aria-disabled="true"]:focus,
.acud-card[disabled]:active,
.acud-card[aria-disabled="true"]:active {
border-color: #E8E9EB;
}
.acud-card:hover {
box-shadow: 0px 2px 8px 0px rgba(7, 12, 20, 0.12);
}
.acud-card:focus,
.acud-card:active {
box-shadow: 0px 2px 8px 0px rgba(7, 12, 20, 0.12);
}
.acud-card-selected {
border-width: 1px;
border-style: solid;
border-color: #2468F2;
box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
transition: box-shadow 0.3s, border-color 0.3s;
}
.acud-card-selected:hover {
border-color: #2468F2;
}
.acud-card-hoverable {
cursor: pointer;
transition: box-shadow 0.3s, border-color 0.3s;
}
.acud-card-hoverable:hover {
border-color: transparent;
box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
}
.acud-card-bordered {
border-width: 1px;
border-style: solid;
}
.acud-card-loading-block {
height: 14px;
margin: 4px 0;
background: linear-gradient(90deg, rgba(207, 216, 220, 0.2), rgba(207, 216, 220, 0.4), rgba(207, 216, 220, 0.2));
background-size: 600% 600%;
border-radius: 6px;
animation: card-loading 1.4s ease infinite;
}
.acud-card-head {
padding: 0 16px;
font-weight: 400;
font-size: 12px;
background: transparent;
border-radius: 6px 6px 0 0;
}
.acud-card-head-wrapper {
display: flex;
align-items: center;
}
.acud-card-head-title {
display: inline-block;
flex: 1;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-weight: 500;
color: #151B26;
padding-top: 16px;
}
.acud-card-head-title-with-tabs {
font-size: 14px;
}
.acud-card-head-title > .acud-typography,
.acud-card-head-title > .acud-typography-edit-content {
left: 0;
margin-top: 0;
margin-bottom: 0;
}
.acud-card-head .acud-tabs {
clear: both;
margin-bottom: -17px;
color: #151B26;
font-weight: normal;
font-size: 12px;
}
.acud-card-head .acud-tabs-bar {
border-bottom: 1px solid #f0f0f0;
}
.acud-card-head-extra {
float: right;
margin-left: auto;
padding-top: 16px;
font-size: 12px;
color: #2468F2;
background-color: transparent;
border-color: transparent;
}
.acud-card-head-extra:hover {
color: #528EFF;
}
.acud-card-head-extra:focus,
.acud-card-head-extra:active {
color: #144BCC;
}
.acud-card-head-extra[disabled],
.acud-card-head-extra[aria-disabled="true"],
.acud-card-head-extra[disabled]:hover,
.acud-card-head-extra[aria-disabled="true"]:hover,
.acud-card-head-extra[disabled]:focus,
.acud-card-head-extra[aria-disabled="true"]:focus,
.acud-card-head-extra[disabled]:active,
.acud-card-head-extra[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-card-head-extra:hover {
background-color: transparent;
}
.acud-card-head-extra:focus,
.acud-card-head-extra:active {
background-color: transparent;
}
.acud-card-head-extra[disabled],
.acud-card-head-extra[aria-disabled="true"],
.acud-card-head-extra[disabled]:hover,
.acud-card-head-extra[aria-disabled="true"]:hover,
.acud-card-head-extra[disabled]:focus,
.acud-card-head-extra[aria-disabled="true"]:focus,
.acud-card-head-extra[disabled]:active,
.acud-card-head-extra[aria-disabled="true"]:active {
background-color: transparent;
}
.acud-card-head-extra:hover {
border-color: transparent;
}
.acud-card-head-extra:focus,
.acud-card-head-extra:active {
border-color: transparent;
}
.acud-card-head-extra[disabled],
.acud-card-head-extra[aria-disabled="true"],
.acud-card-head-extra[disabled]:hover,
.acud-card-head-extra[aria-disabled="true"]:hover,
.acud-card-head-extra[disabled]:focus,
.acud-card-head-extra[aria-disabled="true"]:focus,
.acud-card-head-extra[disabled]:active,
.acud-card-head-extra[aria-disabled="true"]:active {
border-color: transparent;
}
.acud-card-head-extra a {
color: #2468F2;
background-color: transparent;
border-color: transparent;
}
.acud-card-head-extra a:not(:last-of-type) {
margin-right: 16px;
}
.acud-card-head-extra a:hover {
color: #528EFF;
}
.acud-card-head-extra a:focus,
.acud-card-head-extra a:active {
color: #144BCC;
}
.acud-card-head-extra a[disabled],
.acud-card-head-extra a[aria-disabled="true"],
.acud-card-head-extra a[disabled]:hover,
.acud-card-head-extra a[aria-disabled="true"]:hover,
.acud-card-head-extra a[disabled]:focus,
.acud-card-head-extra a[aria-disabled="true"]:focus,
.acud-card-head-extra a[disabled]:active,
.acud-card-head-extra a[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-card-head-extra a:hover {
background-color: transparent;
}
.acud-card-head-extra a:focus,
.acud-card-head-extra a:active {
background-color: transparent;
}
.acud-card-head-extra a[disabled],
.acud-card-head-extra a[aria-disabled="true"],
.acud-card-head-extra a[disabled]:hover,
.acud-card-head-extra a[aria-disabled="true"]:hover,
.acud-card-head-extra a[disabled]:focus,
.acud-card-head-extra a[aria-disabled="true"]:focus,
.acud-card-head-extra a[disabled]:active,
.acud-card-head-extra a[aria-disabled="true"]:active {
background-color: transparent;
}
.acud-card-head-extra a:hover {
border-color: transparent;
}
.acud-card-head-extra a:focus,
.acud-card-head-extra a:active {
border-color: transparent;
}
.acud-card-head-extra a[disabled],
.acud-card-head-extra a[aria-disabled="true"],
.acud-card-head-extra a[disabled]:hover,
.acud-card-head-extra a[aria-disabled="true"]:hover,
.acud-card-head-extra a[disabled]:focus,
.acud-card-head-extra a[aria-disabled="true"]:focus,
.acud-card-head-extra a[disabled]:active,
.acud-card-head-extra a[aria-disabled="true"]:active {
border-color: transparent;
}
.acud-card-rtl .acud-card-head-extra {
margin-right: auto;
margin-left: 0;
}
.acud-card-head-extra-with-tabs {
color: #151B26;
background-color: transparent;
border-color: transparent;
}
.acud-card-head-extra-with-tabs:hover {
color: #2468F2;
}
.acud-card-head-extra-with-tabs:focus,
.acud-card-head-extra-with-tabs:active {
color: #144BCC;
}
.acud-card-head-extra-with-tabs[disabled],
.acud-card-head-extra-with-tabs[aria-disabled="true"],
.acud-card-head-extra-with-tabs[disabled]:hover,
.acud-card-head-extra-with-tabs[aria-disabled="true"]:hover,
.acud-card-head-extra-with-tabs[disabled]:focus,
.acud-card-head-extra-with-tabs[aria-disabled="true"]:focus,
.acud-card-head-extra-with-tabs[disabled]:active,
.acud-card-head-extra-with-tabs[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-card-head-extra-with-tabs:hover {
background-color: transparent;
}
.acud-card-head-extra-with-tabs:focus,
.acud-card-head-extra-with-tabs:active {
background-color: transparent;
}
.acud-card-head-extra-with-tabs[disabled],
.acud-card-head-extra-with-tabs[aria-disabled="true"],
.acud-card-head-extra-with-tabs[disabled]:hover,
.acud-card-head-extra-with-tabs[aria-disabled="true"]:hover,
.acud-card-head-extra-with-tabs[disabled]:focus,
.acud-card-head-extra-with-tabs[aria-disabled="true"]:focus,
.acud-card-head-extra-with-tabs[disabled]:active,
.acud-card-head-extra-with-tabs[aria-disabled="true"]:active {
background-color: transparent;
}
.acud-card-head-extra-with-tabs:hover {
border-color: transparent;
}
.acud-card-head-extra-with-tabs:focus,
.acud-card-head-extra-with-tabs:active {
border-color: transparent;
}
.acud-card-head-extra-with-tabs[disabled],
.acud-card-head-extra-with-tabs[aria-disabled="true"],
.acud-card-head-extra-with-tabs[disabled]:hover,
.acud-card-head-extra-with-tabs[aria-disabled="true"]:hover,
.acud-card-head-extra-with-tabs[disabled]:focus,
.acud-card-head-extra-with-tabs[aria-disabled="true"]:focus,
.acud-card-head-extra-with-tabs[disabled]:active,
.acud-card-head-extra-with-tabs[aria-disabled="true"]:active {
border-color: transparent;
}
.acud-card-head-extra-with-tabs a {
color: #151B26;
background-color: transparent;
border-color: transparent;
}
.acud-card-head-extra-with-tabs a:hover {
color: #2468F2;
}
.acud-card-head-extra-with-tabs a:focus,
.acud-card-head-extra-with-tabs a:active {
color: #144BCC;
}
.acud-card-head-extra-with-tabs a[disabled],
.acud-card-head-extra-with-tabs a[aria-disabled="true"],
.acud-card-head-extra-with-tabs a[disabled]:hover,
.acud-card-head-extra-with-tabs a[aria-disabled="true"]:hover,
.acud-card-head-extra-with-tabs a[disabled]:focus,
.acud-card-head-extra-with-tabs a[aria-disabled="true"]:focus,
.acud-card-head-extra-with-tabs a[disabled]:active,
.acud-card-head-extra-with-tabs a[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-card-head-extra-with-tabs a:hover {
background-color: transparent;
}
.acud-card-head-extra-with-tabs a:focus,
.acud-card-head-extra-with-tabs a:active {
background-color: transparent;
}
.acud-card-head-extra-with-tabs a[disabled],
.acud-card-head-extra-with-tabs a[aria-disabled="true"],
.acud-card-head-extra-with-tabs a[disabled]:hover,
.acud-card-head-extra-with-tabs a[aria-disabled="true"]:hover,
.acud-card-head-extra-with-tabs a[disabled]:focus,
.acud-card-head-extra-with-tabs a[aria-disabled="true"]:focus,
.acud-card-head-extra-with-tabs a[disabled]:active,
.acud-card-head-extra-with-tabs a[aria-disabled="true"]:active {
background-color: transparent;
}
.acud-card-head-extra-with-tabs a:hover {
border-color: transparent;
}
.acud-card-head-extra-with-tabs a:focus,
.acud-card-head-extra-with-tabs a:active {
border-color: transparent;
}
.acud-card-head-extra-with-tabs a[disabled],
.acud-card-head-extra-with-tabs a[aria-disabled="true"],
.acud-card-head-extra-with-tabs a[disabled]:hover,
.acud-card-head-extra-with-tabs a[aria-disabled="true"]:hover,
.acud-card-head-extra-with-tabs a[disabled]:focus,
.acud-card-head-extra-with-tabs a[aria-disabled="true"]:focus,
.acud-card-head-extra-with-tabs a[disabled]:active,
.acud-card-head-extra-with-tabs a[aria-disabled="true"]:active {
border-color: transparent;
}
.acud-card-footer {
height: 24px;
line-height: 24px;
font-weight: 400;
font-size: 12px;
background: transparent;
width: 100%;
padding: 0 16px;
margin-bottom: 16px;
}
.acud-card-footer-wrapper {
display: flex;
align-items: center;
justify-content: space-between;
}
.acud-card-footer-description {
color: #84868C;
flex-shrink: 1;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
text-align: left;
}
.acud-card-footer-extra {
font-weight: 400;
font-size: 12px;
color: #84868C;
background-color: transparent;
border-color: transparent;
white-space: nowrap;
}
.acud-card-footer-extra:hover {
color: #2468F2;
}
.acud-card-footer-extra:focus,
.acud-card-footer-extra:active {
color: #144BCC;
}
.acud-card-footer-extra[disabled],
.acud-card-footer-extra[aria-disabled="true"],
.acud-card-footer-extra[disabled]:hover,
.acud-card-footer-extra[aria-disabled="true"]:hover,
.acud-card-footer-extra[disabled]:focus,
.acud-card-footer-extra[aria-disabled="true"]:focus,
.acud-card-footer-extra[disabled]:active,
.acud-card-footer-extra[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-card-footer-extra:hover {
background-color: transparent;
}
.acud-card-footer-extra:focus,
.acud-card-footer-extra:active {
background-color: transparent;
}
.acud-card-footer-extra[disabled],
.acud-card-footer-extra[aria-disabled="true"],
.acud-card-footer-extra[disabled]:hover,
.acud-card-footer-extra[aria-disabled="true"]:hover,
.acud-card-footer-extra[disabled]:focus,
.acud-card-footer-extra[aria-disabled="true"]:focus,
.acud-card-footer-extra[disabled]:active,
.acud-card-footer-extra[aria-disabled="true"]:active {
background-color: transparent;
}
.acud-card-footer-extra:hover {
border-color: transparent;
}
.acud-card-footer-extra:focus,
.acud-card-footer-extra:active {
border-color: transparent;
}
.acud-card-footer-extra[disabled],
.acud-card-footer-extra[aria-disabled="true"],
.acud-card-footer-extra[disabled]:hover,
.acud-card-footer-extra[aria-disabled="true"]:hover,
.acud-card-footer-extra[disabled]:focus,
.acud-card-footer-extra[aria-disabled="true"]:focus,
.acud-card-footer-extra[disabled]:active,
.acud-card-footer-extra[aria-disabled="true"]:active {
border-color: transparent;
}
.acud-card-footer-extra a {
color: #84868C;
background-color: transparent;
border-color: transparent;
}
.acud-card-footer-extra a:not(:last-child) {
margin-right: 16px;
}
.acud-card-footer-extra a:hover {
color: #2468F2;
}
.acud-card-footer-extra a:focus,
.acud-card-footer-extra a:active {
color: #144BCC;
}
.acud-card-footer-extra a[disabled],
.acud-card-footer-extra a[aria-disabled="true"],
.acud-card-footer-extra a[disabled]:hover,
.acud-card-footer-extra a[aria-disabled="true"]:hover,
.acud-card-footer-extra a[disabled]:focus,
.acud-card-footer-extra a[aria-disabled="true"]:focus,
.acud-card-footer-extra a[disabled]:active,
.acud-card-footer-extra a[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-card-footer-extra a:hover {
background-color: transparent;
}
.acud-card-footer-extra a:focus,
.acud-card-footer-extra a:active {
background-color: transparent;
}
.acud-card-footer-extra a[disabled],
.acud-card-footer-extra a[aria-disabled="true"],
.acud-card-footer-extra a[disabled]:hover,
.acud-card-footer-extra a[aria-disabled="true"]:hover,
.acud-card-footer-extra a[disabled]:focus,
.acud-card-footer-extra a[aria-disabled="true"]:focus,
.acud-card-footer-extra a[disabled]:active,
.acud-card-footer-extra a[aria-disabled="true"]:active {
background-color: transparent;
}
.acud-card-footer-extra a:hover {
border-color: transparent;
}
.acud-card-footer-extra a:focus,
.acud-card-footer-extra a:active {
border-color: transparent;
}
.acud-card-footer-extra a[disabled],
.acud-card-footer-extra a[aria-disabled="true"],
.acud-card-footer-extra a[disabled]:hover,
.acud-card-footer-extra a[aria-disabled="true"]:hover,
.acud-card-footer-extra a[disabled]:focus,
.acud-card-footer-extra a[aria-disabled="true"]:focus,
.acud-card-footer-extra a[disabled]:active,
.acud-card-footer-extra a[aria-disabled="true"]:active {
border-color: transparent;
}
.acud-card-rtl .acud-card-footer-extra {
margin-right: auto;
margin-left: 0;
}
.acud-card-con {
height: 100%;
box-sizing: border-box;
}
.acud-card-con.hasImage {
display: flex;
flex-flow: row nowrap;
min-height: 48px;
align-items: stretch;
padding: 16px;
}
.acud-card-con.hasImage.left {
flex-direction: row;
}
.acud-card-con.hasImage.right {
flex-direction: row-reverse;
}
.acud-card-con.hasImage .acud-card-con-wrap {
position: relative;
}
.acud-card-con.hasImage .acud-card-con-wrap .acud-card-head,
.acud-card-con.hasImage .acud-card-con-wrap .acud-card-body,
.acud-card-con.hasImage .acud-card-con-wrap .acud-card-footer {
padding: 0;
}
.acud-card-con.hasImage .acud-card-con-wrap .acud-card-head {
margin-bottom: 4px;
padding-top: 0;
}
.acud-card-con.hasImage .acud-card-con-wrap .acud-card-head-title {
padding-top: 0;
font-size: 14px;
}
.acud-card-con.hasImage .acud-card-con-wrap .acud-card-footer {
margin-bottom: 0px;
}
.acud-card-con.hasImage .acud-card-con-wrap .acud-card-footer {
position: absolute;
bottom: 0px;
}
.acud-card-con-title {
font-size: 500;
margin-bottom: 8px;
}
.acud-card-con-image {
height: 100%;
line-height: 0;
}
.acud-card-con-image .img {
display: inline-block;
border-radius: 4px;
}
.acud-card-con-image.left {
margin: auto 16px auto 0;
}
.acud-card-con-image.right {
margin: auto 0 auto 16px;
}
.acud-card-con-wrap {
flex-grow: 1;
}
.acud-card-body {
overflow: hidden;
padding: 0px 16px 16px;
margin-top: 8px;
color: #5C5F66;
}
.acud-card-simple-con {
padding: 40px 16px;
text-align: center;
}
.acud-card-simple-con .acudicon {
line-height: 0;
color: #84868C;
opacity: 0.5;
}
.acud-card-simple-con-description {
margin-top: 4px;
}
.acud-card-simple-con .acud-card-body {
margin-bottom: 0;
}
.acud-card-meta {
margin-bottom: 16px;
}
.acud-card-meta::before {
display: table;
content: '';
}
.acud-card-meta::after {
display: table;
clear: both;
content: '';
}
.acud-card-meta-content {
padding: 8px 0 12px;
}
.acud-card-meta-content-detail {
margin-top: 8px;
}
.acud-card-meta-detail {
overflow: hidden;
}
.acud-card-meta-detail > div:not(:last-child) {
margin-bottom: 8px;
}
.acud-card-meta-title {
overflow: hidden;
color: #151B26;
font-weight: 500;
font-size: 14px;
white-space: nowrap;
text-overflow: ellipsis;
}
.acud-card-meta-description {
color: #B8BABF;
margin-top: 2px;
}
.acud-card-meta-footer {
display: flex;
justify-content: space-between;
height: 48px;
line-height: 48px;
border-top: 1px solid #f0f0f0;
margin-bottom: -16px;
}
.acud-card-meta-footer-actions {
display: flex;
align-items: center;
}
.acud-card-meta-footer-actions > li {
margin: 16px 0;
color: #B8BABF;
text-align: center;
list-style: none !important;
color: #84868C;
background-color: transparent;
border-color: transparent;
}
.acud-card-meta-footer-actions > li:hover {
color: #2468F2;
}
.acud-card-meta-footer-actions > li:focus,
.acud-card-meta-footer-actions > li:active {
color: #144BCC;
}
.acud-card-meta-footer-actions > li[disabled],
.acud-card-meta-footer-actions > li[aria-disabled="true"],
.acud-card-meta-footer-actions > li[disabled]:hover,
.acud-card-meta-footer-actions > li[aria-disabled="true"]:hover,
.acud-card-meta-footer-actions > li[disabled]:focus,
.acud-card-meta-footer-actions > li[aria-disabled="true"]:focus,
.acud-card-meta-footer-actions > li[disabled]:active,
.acud-card-meta-footer-actions > li[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-card-meta-footer-actions > li:hover {
background-color: transparent;
}
.acud-card-meta-footer-actions > li:focus,
.acud-card-meta-footer-actions > li:active {
background-color: transparent;
}
.acud-card-meta-footer-actions > li[disabled],
.acud-card-meta-footer-actions > li[aria-disabled="true"],
.acud-card-meta-footer-actions > li[disabled]:hover,
.acud-card-meta-footer-actions > li[aria-disabled="true"]:hover,
.acud-card-meta-footer-actions > li[disabled]:focus,
.acud-card-meta-footer-actions > li[aria-disabled="true"]:focus,
.acud-card-meta-footer-actions > li[disabled]:active,
.acud-card-meta-footer-actions > li[aria-disabled="true"]:active {
background-color: transparent;
}
.acud-card-meta-footer-actions > li:hover {
border-color: transparent;
}
.acud-card-meta-footer-actions > li:focus,
.acud-card-meta-footer-actions > li:active {
border-color: transparent;
}
.acud-card-meta-footer-actions > li[disabled],
.acud-card-meta-footer-actions > li[aria-disabled="true"],
.acud-card-meta-footer-actions > li[disabled]:hover,
.acud-card-meta-footer-actions > li[aria-disabled="true"]:hover,
.acud-card-meta-footer-actions > li[disabled]:focus,
.acud-card-meta-footer-actions > li[aria-disabled="true"]:focus,
.acud-card-meta-footer-actions > li[disabled]:active,
.acud-card-meta-footer-actions > li[aria-disabled="true"]:active {
border-color: transparent;
}
.acud-card-meta-footer-actions > li:not(:last-of-type) {
margin-right: 16px;
}
.acud-card-rtl .acud-card-meta-footer-actions > li {
float: right;
}
.acud-card-meta-footer-actions > li > span {
position: relative;
display: block;
font-size: 12px;
line-height: 1.6667;
cursor: pointer;
}
.acud-card-meta-footer-actions > li > span:not(:last-of-type) {
margin-right: 16px 0;
}
.acud-card-meta-footer-actions > li > span:hover {
color: #D4E5FF;
transition: color 0.3s;
}
.acud-card-meta-footer-actions > li > span a:not(.acud-btn),
.acud-card-meta-footer-actions > li > span > .acudicon {
display: inline-block;
width: 100%;
line-height: 22px;
transition: color 0.3s;
color: #84868C;
background-color: transparent;
border-color: transparent;
}
.acud-card-meta-footer-actions > li > span a:not(.acud-btn):hover,
.acud-card-meta-footer-actions > li > span > .acudicon:hover {
color: #2468F2;
}
.acud-card-meta-footer-actions > li > span a:not(.acud-btn):focus,
.acud-card-meta-footer-actions > li > span > .acudicon:focus,
.acud-card-meta-footer-actions > li > span a:not(.acud-btn):active,
.acud-card-meta-footer-actions > li > span > .acudicon:active {
color: #144BCC;
}
.acud-card-meta-footer-actions > li > span a:not(.acud-btn)[disabled],
.acud-card-meta-footer-actions > li > span > .acudicon[disabled],
.acud-card-meta-footer-actions > li > span a:not(.acud-btn)[aria-disabled="true"],
.acud-card-meta-footer-actions > li > span > .acudicon[aria-disabled="true"],
.acud-card-meta-footer-actions > li > span a:not(.acud-btn)[disabled]:hover,
.acud-card-meta-footer-actions > li > span > .acudicon[disabled]:hover,
.acud-card-meta-footer-actions > li > span a:not(.acud-btn)[aria-disabled="true"]:hover,
.acud-card-meta-footer-actions > li > span > .acudicon[aria-disabled="true"]:hover,
.acud-card-meta-footer-actions > li > span a:not(.acud-btn)[disabled]:focus,
.acud-card-meta-footer-actions > li > span > .acudicon[disabled]:focus,
.acud-card-meta-footer-actions > li > span a:not(.acud-btn)[aria-disabled="true"]:focus,
.acud-card-meta-footer-actions > li > span > .acudicon[aria-disabled="true"]:focus,
.acud-card-meta-footer-actions > li > span a:not(.acud-btn)[disabled]:active,
.acud-card-meta-footer-actions > li > span > .acudicon[disabled]:active,
.acud-card-meta-footer-actions > li > span a:not(.acud-btn)[aria-disabled="true"]:active,
.acud-card-meta-footer-actions > li > span > .acudicon[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-card-meta-footer-actions > li > span a:not(.acud-btn):hover,
.acud-card-meta-footer-actions > li > span > .acudicon:hover {
background-color: transparent;
}
.acud-card-meta-footer-actions > li > span a:not(.acud-btn):focus,
.acud-card-meta-footer-actions > li > span > .acudicon:focus,
.acud-card-meta-footer-actions > li > span a:not(.acud-btn):active,
.acud-card-meta-footer-actions > li > span > .acudicon:active {
background-color: transparent;
}
.acud-card-meta-footer-actions > li > span a:not(.acud-btn)[disabled],
.acud-card-meta-footer-actions > li > span > .acudicon[disabled],
.acud-card-meta-footer-actions > li > span a:not(.acud-btn)[aria-disabled="true"],
.acud-card-meta-footer-actions > li > span > .acudicon[aria-disabled="true"],
.acud-card-meta-footer-actions > li > span a:not(.acud-btn)[disabled]:hover,
.acud-card-meta-footer-actions > li > span > .acudicon[disabled]:hover,
.acud-card-meta-footer-actions > li > span a:not(.acud-btn)[aria-disabled="true"]:hover,
.acud-card-meta-footer-actions > li > span > .acudicon[aria-disabled="true"]:hover,
.acud-card-meta-footer-actions > li > span a:not(.acud-btn)[disabled]:focus,
.acud-card-meta-footer-actions > li > span > .acudicon[disabled]:focus,
.acud-card-meta-footer-actions > li > span a:not(.acud-btn)[aria-disabled="true"]:focus,
.acud-card-meta-footer-actions > li > span > .acudicon[aria-disabled="true"]:focus,
.acud-card-meta-footer-actions > li > span a:not(.acud-btn)[disabled]:active,
.acud-card-meta-footer-actions > li > span > .acudicon[disabled]:active,
.acud-card-meta-footer-actions > li > span a:not(.acud-btn)[aria-disabled="true"]:active,
.acud-card-meta-footer-actions > li > span > .acudicon[aria-disabled="true"]:active {
background-color: transparent;
}
.acud-card-meta-footer-actions > li > span a:not(.acud-btn):hover,
.acud-card-meta-footer-actions > li > span > .acudicon:hover {
border-color: transparent;
}
.acud-card-meta-footer-actions > li > span a:not(.acud-btn):focus,
.acud-card-meta-footer-actions > li > span > .acudicon:focus,
.acud-card-meta-footer-actions > li > span a:not(.acud-btn):active,
.acud-card-meta-footer-actions > li > span > .acudicon:active {
border-color: transparent;
}
.acud-card-meta-footer-actions > li > span a:not(.acud-btn)[disabled],
.acud-card-meta-footer-actions > li > span > .acudicon[disabled],
.acud-card-meta-footer-actions > li > span a:not(.acud-btn)[aria-disabled="true"],
.acud-card-meta-footer-actions > li > span > .acudicon[aria-disabled="true"],
.acud-card-meta-footer-actions > li > span a:not(.acud-btn)[disabled]:hover,
.acud-card-meta-footer-actions > li > span > .acudicon[disabled]:hover,
.acud-card-meta-footer-actions > li > span a:not(.acud-btn)[aria-disabled="true"]:hover,
.acud-card-meta-footer-actions > li > span > .acudicon[aria-disabled="true"]:hover,
.acud-card-meta-footer-actions > li > span a:not(.acud-btn)[disabled]:focus,
.acud-card-meta-footer-actions > li > span > .acudicon[disabled]:focus,
.acud-card-meta-footer-actions > li > span a:not(.acud-btn)[aria-disabled="true"]:focus,
.acud-card-meta-footer-actions > li > span > .acudicon[aria-disabled="true"]:focus,
.acud-card-meta-footer-actions > li > span a:not(.acud-btn)[disabled]:active,
.acud-card-meta-footer-actions > li > span > .acudicon[disabled]:active,
.acud-card-meta-footer-actions > li > span a:not(.acud-btn)[aria-disabled="true"]:active,
.acud-card-meta-footer-actions > li > span > .acudicon[aria-disabled="true"]:active {
border-color: transparent;
}
.acud-card-meta-footer-actions > li > span > .acudicon {
font-size: 16px;
line-height: 22px;
}
.acud-card-rtl .acud-card-meta-footer-actions > li:not(:last-child) {
border-right: none;
border-left: 1px solid #f0f0f0;
}
.acud-card-grid {
float: left;
width: 33.33%;
border: 0;
border-radius: 0;
box-shadow: 1px 0 0 0 #f0f0f0, 0 1px 0 0 #f0f0f0, 1px 1px 0 0 #f0f0f0, 1px 0 0 0 #f0f0f0 inset, 0 1px 0 0 #f0f0f0 inset;
transition: all 0.3s;
}
.acud-card-rtl .acud-card-grid {
float: right;
}
.acud-card-grid-hoverable:hover {
position: relative;
z-index: 1;
box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
}
.acud-card-contain-tabs .acud-card-head {
padding-top: 0;
}
.acud-card-contain-tabs .acud-card-body {
margin: 16px 0 24px;
padding-bottom: 0;
}
.acud-card-bordered .acud-card-cover {
margin-top: -1px;
margin-right: -1px;
margin-left: -1px;
padding: 1px 1px 0 1px;
}
.acud-card-cover > * {
display: block;
width: 100%;
}
.acud-card-cover .img {
border-radius: 6px 6px 0 0;
line-height: 0;
}
.acud-card-actions-wrap {
margin: 0 16px;
background: #FFFFFF;
border-top: 1px solid #f0f0f0;
}
.acud-card-actions-wrap::before {
display: table;
content: '';
}
.acud-card-actions-wrap::after {
display: table;
clear: both;
content: '';
}
.acud-card-actions-wrap .acudicon {
line-height: 0;
}
.acud-card-actions-wrap .acud-card-actions {
float: left;
}
.acud-card-actions-wrap .acud-card-actions .acudicon {
margin-right: 4px;
font-size: 14px;
line-height: 15px;
}
.acud-card-actions-wrap .acud-card-actionsExtra {
float: right;
}
.acud-card-actions,
.acud-card-actionsExtra {
margin: 0;
padding: 0;
list-style: none;
display: inline-block;
}
.acud-card-actions::before,
.acud-card-actionsExtra::before {
display: table;
content: '';
}
.acud-card-actions::after,
.acud-card-actionsExtra::after {
display: table;
clear: both;
content: '';
}
.acud-card-actions > li,
.acud-card-actionsExtra > li {
float: left;
margin: 16px 0;
color: #B8BABF;
text-align: center;
list-style: none !important;
}
.acud-card-actions > li:not(:last-of-type),
.acud-card-actionsExtra > li:not(:last-of-type) {
margin-right: 16px;
}
.acud-card-rtl .acud-card-actions > li,
.acud-card-rtl .acud-card-actionsExtra > li {
float: right;
}
.acud-card-actions > li > span,
.acud-card-actionsExtra > li > span {
position: relative;
display: block;
font-size: 12px;
line-height: 1.6667;
cursor: pointer;
}
.acud-card-actions > li > span:not(:last-of-type),
.acud-card-actionsExtra > li > span:not(:last-of-type) {
margin-right: 16px 0;
}
.acud-card-actions > li > span:hover,
.acud-card-actionsExtra > li > span:hover {
color: #D4E5FF;
transition: color 0.3s;
}
.acud-card-actions > li > span a:not(.acud-btn),
.acud-card-actionsExtra > li > span a:not(.acud-btn),
.acud-card-actions > li > span > .acudicon,
.acud-card-actionsExtra > li > span > .acudicon {
display: inline-block;
width: 100%;
color: #B8BABF;
line-height: 22px;
transition: color 0.3s;
}
.acud-card-actions > li > span a:not(.acud-btn):hover,
.acud-card-actionsExtra > li > span a:not(.acud-btn):hover,
.acud-card-actions > li > span > .acudicon:hover,
.acud-card-actionsExtra > li > span > .acudicon:hover {
color: #D4E5FF;
}
.acud-card-actions > li > span > .acudicon,
.acud-card-actionsExtra > li > span > .acudicon {
font-size: 16px;
line-height: 22px;
}
.acud-card-rtl .acud-card-actions > li:not(:last-child),
.acud-card-rtl .acud-card-actionsExtra > li:not(:last-child) {
border-right: none;
border-left: 1px solid #f0f0f0;
}
.acud-card-loading {
overflow: hidden;
}
.acud-card-loading .acud-card-body {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.acud-card-loading-content p {
margin: 0;
}
.acud-card-loading-block {
height: 14px;
margin: 4px 0;
background: linear-gradient(90deg, rgba(207, 216, 220, 0.2), rgba(207, 216, 220, 0.4), rgba(207, 216, 220, 0.2));
background-size: 600% 600%;
border-radius: 6px;
animation: card-loading 1.4s ease infinite;
}
@keyframes card-loading {
0%,
100% {
background-position: 0 50%;
}
50% {
background-position: 100% 50%;
}
}
/* color */
/* 默认颜色 */
/* 通用-icon */
/* 标签 */
/* 默认颜色 */
/* 其他颜色 */
/* 通用 */
/* 水平 */
/* 垂直 */
/* 序号水平 */
/* 序号垂直 */
.acud-tabs-small > .acud-tabs-nav .acud-tabs-tab {
padding: 12px 0;
font-size: 14px;
}
.acud-tabs-large > .acud-tabs-nav .acud-tabs-tab {
padding: 16px 0;
font-size: 14px;
}
.acud-tabs-card.acud-tabs-small > .acud-tabs-nav .acud-tabs-tab {
padding: 6px 16px;
}
.acud-tabs-card.acud-tabs-large > .acud-tabs-nav .acud-tabs-tab {
padding: 7px 16px 6px;
}
.acud-tabs-rtl {
direction: rtl;
}
.acud-tabs-rtl .acud-tabs-nav .acud-tabs-tab {
margin: 0 0 0 32px;
}
.acud-tabs-rtl .acud-tabs-nav .acud-tabs-tab:last-of-type {
margin-left: 0;
}
.acud-tabs-rtl .acud-tabs-nav .acud-tabs-tab .acudicon {
margin-right: 0;
margin-left: 12px;
}
.acud-tabs-rtl .acud-tabs-nav .acud-tabs-tab .acud-tabs-tab-remove {
margin-right: 8px;
margin-left: -4px;
}
.acud-tabs-rtl .acud-tabs-nav .acud-tabs-tab .acud-tabs-tab-remove .acudicon {
margin: 0;
}
.acud-tabs-rtl.acud-tabs-left > .acud-tabs-nav {
order: 1;
}
.acud-tabs-rtl.acud-tabs-left > .acud-tabs-content-holder {
order: 0;
}
.acud-tabs-rtl.acud-tabs-right > .acud-tabs-nav {
order: 0;
}
.acud-tabs-rtl.acud-tabs-right > .acud-tabs-content-holder {
order: 1;
}
.acud-tabs-rtl.acud-tabs-card.acud-tabs-top > .acud-tabs-nav .acud-tabs-tab + .acud-tabs-tab,
.acud-tabs-rtl.acud-tabs-card.acud-tabs-bottom > .acud-tabs-nav .acud-tabs-tab + .acud-tabs-tab,
.acud-tabs-rtl.acud-tabs-card.acud-tabs-top > div > .acud-tabs-nav .acud-tabs-tab + .acud-tabs-tab,
.acud-tabs-rtl.acud-tabs-card.acud-tabs-bottom > div > .acud-tabs-nav .acud-tabs-tab + .acud-tabs-tab {
margin-right: 0;
margin-left: 8px;
}
.acud-tabs-dropdown-rtl {
direction: rtl;
}
.acud-tabs-dropdown-rtl .acud-tabs-dropdown-menu-item {
text-align: right;
}
.acud-tabs-top,
.acud-tabs-bottom {
flex-direction: column;
}
.acud-tabs-top > .acud-tabs-nav,
.acud-tabs-bottom > .acud-tabs-nav,
.acud-tabs-top > div > .acud-tabs-nav,
.acud-tabs-bottom > div > .acud-tabs-nav {
margin: 0 0 16px 0;
}
.acud-tabs-top > .acud-tabs-nav::before,
.acud-tabs-bottom > .acud-tabs-nav::before,
.acud-tabs-top > div > .acud-tabs-nav::before,
.acud-tabs-bottom > div > .acud-tabs-nav::before {
position: absolute;
right: 0;
left: 0;
border-bottom: 1px solid #E8E9EB;
content: '';
}
.acud-tabs-top > .acud-tabs-nav .acud-tabs-ink-bar,
.acud-tabs-bottom > .acud-tabs-nav .acud-tabs-ink-bar,
.acud-tabs-top > div > .acud-tabs-nav .acud-tabs-ink-bar,
.acud-tabs-bottom > div > .acud-tabs-nav .acud-tabs-ink-bar {
height: 2px;
}
.acud-tabs-top > .acud-tabs-nav .acud-tabs-ink-bar-animated,
.acud-tabs-bottom > .acud-tabs-nav .acud-tabs-ink-bar-animated,
.acud-tabs-top > div > .acud-tabs-nav .acud-tabs-ink-bar-animated,
.acud-tabs-bottom > div > .acud-tabs-nav .acud-tabs-ink-bar-animated {
transition: width 0.3s, left 0.3s, right 0.3s;
}
.acud-tabs-top > .acud-tabs-nav .acud-tabs-nav-wrap::before,
.acud-tabs-bottom > .acud-tabs-nav .acud-tabs-nav-wrap::before,
.acud-tabs-top > div > .acud-tabs-nav .acud-tabs-nav-wrap::before,
.acud-tabs-bottom > div > .acud-tabs-nav .acud-tabs-nav-wrap::before,
.acud-tabs-top > .acud-tabs-nav .acud-tabs-nav-wrap::after,
.acud-tabs-bottom > .acud-tabs-nav .acud-tabs-nav-wrap::after,
.acud-tabs-top > div > .acud-tabs-nav .acud-tabs-nav-wrap::after,
.acud-tabs-bottom > div > .acud-tabs-nav .acud-tabs-nav-wrap::after {
top: 0;
bottom: 0;
width: 30px;
}
.acud-tabs-top > .acud-tabs-nav .acud-tabs-nav-wrap::before,
.acud-tabs-bottom > .acud-tabs-nav .acud-tabs-nav-wrap::before,
.acud-tabs-top > div > .acud-tabs-nav .acud-tabs-nav-wrap::before,
.acud-tabs-bottom > div > .acud-tabs-nav .acud-tabs-nav-wrap::before {
left: 0;
box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.08);
}
.acud-tabs-top > .acud-tabs-nav .acud-tabs-nav-wrap::after,
.acud-tabs-bottom > .acud-tabs-nav .acud-tabs-nav-wrap::after,
.acud-tabs-top > div > .acud-tabs-nav .acud-tabs-nav-wrap::after,
.acud-tabs-bottom > div > .acud-tabs-nav .acud-tabs-nav-wrap::after {
right: 0;
box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.08);
}
.acud-tabs-top > .acud-tabs-nav .acud-tabs-nav-wrap.acud-tabs-nav-wrap-ping-left::before,
.acud-tabs-bottom > .acud-tabs-nav .acud-tabs-nav-wrap.acud-tabs-nav-wrap-ping-left::before,
.acud-tabs-top > div > .acud-tabs-nav .acud-tabs-nav-wrap.acud-tabs-nav-wrap-ping-left::before,
.acud-tabs-bottom > div > .acud-tabs-nav .acud-tabs-nav-wrap.acud-tabs-nav-wrap-ping-left::before {
opacity: 1;
}
.acud-tabs-top > .acud-tabs-nav .acud-tabs-nav-wrap.acud-tabs-nav-wrap-ping-right::after,
.acud-tabs-bottom > .acud-tabs-nav .acud-tabs-nav-wrap.acud-tabs-nav-wrap-ping-right::after,
.acud-tabs-top > div > .acud-tabs-nav .acud-tabs-nav-wrap.acud-tabs-nav-wrap-ping-right::after,
.acud-tabs-bottom > div > .acud-tabs-nav .acud-tabs-nav-wrap.acud-tabs-nav-wrap-ping-right::after {
opacity: 1;
}
.acud-tabs-top > .acud-tabs-nav::before,
.acud-tabs-top > div > .acud-tabs-nav::before {
bottom: 0;
}
.acud-tabs-top > .acud-tabs-nav .acud-tabs-ink-bar,
.acud-tabs-top > div > .acud-tabs-nav .acud-tabs-ink-bar {
bottom: 0;
}
.acud-tabs-bottom > .acud-tabs-nav,
.acud-tabs-bottom > div > .acud-tabs-nav {
order: 1;
margin-top: 16px;
margin-bottom: 0;
}
.acud-tabs-bottom > .acud-tabs-nav::before,
.acud-tabs-bottom > div > .acud-tabs-nav::before {
top: 0;
}
.acud-tabs-bottom > .acud-tabs-nav .acud-tabs-ink-bar,
.acud-tabs-bottom > div > .acud-tabs-nav .acud-tabs-ink-bar {
top: 0;
}
.acud-tabs-bottom > .acud-tabs-content-holder,
.acud-tabs-bottom > div > .acud-tabs-content-holder {
order: 0;
}
.acud-tabs-left > .acud-tabs-nav,
.acud-tabs-right > .acud-tabs-nav,
.acud-tabs-left > div > .acud-tabs-nav,
.acud-tabs-right > div > .acud-tabs-nav {
flex-direction: column;
min-width: 50px;
}
.acud-tabs-left > .acud-tabs-nav .acud-tabs-tab,
.acud-tabs-right > .acud-tabs-nav .acud-tabs-tab,
.acud-tabs-left > div > .acud-tabs-nav .acud-tabs-tab,
.acud-tabs-right > div > .acud-tabs-nav .acud-tabs-tab {
padding: 12px 24px;
text-align: center;
}
.acud-tabs-left > .acud-tabs-nav .acud-tabs-tab + .acud-tabs-tab,
.acud-tabs-right > .acud-tabs-nav .acud-tabs-tab + .acud-tabs-tab,
.acud-tabs-left > div > .acud-tabs-nav .acud-tabs-tab + .acud-tabs-tab,
.acud-tabs-right > div > .acud-tabs-nav .acud-tabs-tab + .acud-tabs-tab {
margin: 16px 0 0 0;
}
.acud-tabs-left > .acud-tabs-nav .acud-tabs-nav-wrap,
.acud-tabs-right > .acud-tabs-nav .acud-tabs-nav-wrap,
.acud-tabs-left > div > .acud-tabs-nav .acud-tabs-nav-wrap,
.acud-tabs-right > div > .acud-tabs-nav .acud-tabs-nav-wrap {
flex-direction: column;
}
.acud-tabs-left > .acud-tabs-nav .acud-tabs-nav-wrap::before,
.acud-tabs-right > .acud-tabs-nav .acud-tabs-nav-wrap::before,
.acud-tabs-left > div > .acud-tabs-nav .acud-tabs-nav-wrap::before,
.acud-tabs-right > div > .acud-tabs-nav .acud-tabs-nav-wrap::before,
.acud-tabs-left > .acud-tabs-nav .acud-tabs-nav-wrap::after,
.acud-tabs-right > .acud-tabs-nav .acud-tabs-nav-wrap::after,
.acud-tabs-left > div > .acud-tabs-nav .acud-tabs-nav-wrap::after,
.acud-tabs-right > div > .acud-tabs-nav .acud-tabs-nav-wrap::after {
right: 0;
left: 0;
height: 30px;
}
.acud-tabs-left > .acud-tabs-nav .acud-tabs-nav-wrap::before,
.acud-tabs-right > .acud-tabs-nav .acud-tabs-nav-wrap::before,
.acud-tabs-left > div > .acud-tabs-nav .acud-tabs-nav-wrap::before,
.acud-tabs-right > div > .acud-tabs-nav .acud-tabs-nav-wrap::before {
top: 0;
box-shadow: inset 0 10px 8px -8px rgba(0, 0, 0, 0.08);
}
.acud-tabs-left > .acud-tabs-nav .acud-tabs-nav-wrap::after,
.acud-tabs-right > .acud-tabs-nav .acud-tabs-nav-wrap::after,
.acud-tabs-left > div > .acud-tabs-nav .acud-tabs-nav-wrap::after,
.acud-tabs-right > div > .acud-tabs-nav .acud-tabs-nav-wrap::after {
bottom: 0;
box-shadow: inset 0 -10px 8px -8px rgba(0, 0, 0, 0.08);
}
.acud-tabs-left > .acud-tabs-nav .acud-tabs-nav-wrap.acud-tabs-nav-wrap-ping-top::before,
.acud-tabs-right > .acud-tabs-nav .acud-tabs-nav-wrap.acud-tabs-nav-wrap-ping-top::before,
.acud-tabs-left > div > .acud-tabs-nav .acud-tabs-nav-wrap.acud-tabs-nav-wrap-ping-top::before,
.acud-tabs-right > div > .acud-tabs-nav .acud-tabs-nav-wrap.acud-tabs-nav-wrap-ping-top::before {
opacity: 1;
}
.acud-tabs-left > .acud-tabs-nav .acud-tabs-nav-wrap.acud-tabs-nav-wrap-ping-bottom::after,
.acud-tabs-right > .acud-tabs-nav .acud-tabs-nav-wrap.acud-tabs-nav-wrap-ping-bottom::after,
.acud-tabs-left > div > .acud-tabs-nav .acud-tabs-nav-wrap.acud-tabs-nav-wrap-ping-bottom::after,
.acud-tabs-right > div > .acud-tabs-nav .acud-tabs-nav-wrap.acud-tabs-nav-wrap-ping-bottom::after {
opacity: 1;
}
.acud-tabs-left > .acud-tabs-nav .acud-tabs-ink-bar,
.acud-tabs-right > .acud-tabs-nav .acud-tabs-ink-bar,
.acud-tabs-left > div > .acud-tabs-nav .acud-tabs-ink-bar,
.acud-tabs-right > div > .acud-tabs-nav .acud-tabs-ink-bar {
width: 2px;
}
.acud-tabs-left > .acud-tabs-nav .acud-tabs-ink-bar-animated,
.acud-tabs-right > .acud-tabs-nav .acud-tabs-ink-bar-animated,
.acud-tabs-left > div > .acud-tabs-nav .acud-tabs-ink-bar-animated,
.acud-tabs-right > div > .acud-tabs-nav .acud-tabs-ink-bar-animated {
transition: height 0.3s, top 0.3s;
}
.acud-tabs-left > .acud-tabs-nav .acud-tabs-nav-list,
.acud-tabs-right > .acud-tabs-nav .acud-tabs-nav-list,
.acud-tabs-left > div > .acud-tabs-nav .acud-tabs-nav-list,
.acud-tabs-right > div > .acud-tabs-nav .acud-tabs-nav-list,
.acud-tabs-left > .acud-tabs-nav .acud-tabs-nav-operations,
.acud-tabs-right > .acud-tabs-nav .acud-tabs-nav-operations,
.acud-tabs-left > div > .acud-tabs-nav .acud-tabs-nav-operations,
.acud-tabs-right > div > .acud-tabs-nav .acud-tabs-nav-operations {
flex: 1 0 auto;
flex-direction: column;
}
.acud-tabs-left > .acud-tabs-nav .acud-tabs-ink-bar,
.acud-tabs-left > div > .acud-tabs-nav .acud-tabs-ink-bar {
right: 0;
}
.acud-tabs-left > .acud-tabs-content-holder,
.acud-tabs-left > div > .acud-tabs-content-holder {
margin-left: -1px;
border-left: 1px solid #E8E9EB;
}
.acud-tabs-left > .acud-tabs-content-holder > .acud-tabs-content > .acud-tabs-tabpane,
.acud-tabs-left > div > .acud-tabs-content-holder > .acud-tabs-content > .acud-tabs-tabpane {
padding-left: 24px;
}
.acud-tabs-right > .acud-tabs-nav,
.acud-tabs-right > div > .acud-tabs-nav {
order: 1;
}
.acud-tabs-right > .acud-tabs-nav .acud-tabs-ink-bar,
.acud-tabs-right > div > .acud-tabs-nav .acud-tabs-ink-bar {
left: 0;
}
.acud-tabs-right > .acud-tabs-content-holder,
.acud-tabs-right > div > .acud-tabs-content-holder {
order: 0;
margin-right: -1px;
border-right: 1px solid #E8E9EB;
}
.acud-tabs-right > .acud-tabs-content-holder > .acud-tabs-content > .acud-tabs-tabpane,
.acud-tabs-right > div > .acud-tabs-content-holder > .acud-tabs-content > .acud-tabs-tabpane {
padding-right: 24px;
}
.acud-tabs-dropdown {
margin: 0;
padding: 0;
position: absolute;
top: -9999px;
left: -9999px;
z-index: 1050;
display: block;
}
.acud-tabs-dropdown-hidden {
display: none;
}
.acud-tabs-dropdown-menu {
max-height: 200px;
margin: 0;
padding: 4px 0;
overflow-x: hidden;
overflow-y: auto;
text-align: left;
list-style-type: none;
background-color: #fff;
background-clip: padding-box;
border-radius: 0px;
outline: none;
box-shadow: 0px 4px 12px 1px rgba(7, 12, 20, 0.12);
}
.acud-tabs-dropdown-menu-item {
min-width: 120px;
margin: 0;
padding: 5px 12px;
overflow: hidden;
color: rgba(0, 0, 0, 0.85);
font-weight: normal;
font-size: 14px;
line-height: 22px;
white-space: nowrap;
text-overflow: ellipsis;
cursor: pointer;
transition: all 0.3s;
}
.acud-tabs-dropdown-menu-item:hover {
background: #f5f5f5;
}
.acud-tabs-dropdown-menu-item-disabled,
.acud-tabs-dropdown-menu-item-disabled:hover {
color: #B8BABF;
background: transparent;
cursor: not-allowed;
}
.acud-tabs-card > .acud-tabs-nav .acud-tabs-tab,
.acud-tabs-card > div > .acud-tabs-nav .acud-tabs-tab {
margin: 0;
padding: 2.5px 16px;
background: #FFFFFF;
border: 1px solid #E8E9EB;
}
.acud-tabs-card > .acud-tabs-nav .acud-tabs-tab-active,
.acud-tabs-card > div > .acud-tabs-nav .acud-tabs-tab-active {
color: #2468F2;
background: #FFFFFF;
}
.acud-tabs-card > .acud-tabs-nav .acud-tabs-ink-bar,
.acud-tabs-card > div > .acud-tabs-nav .acud-tabs-ink-bar {
visibility: hidden;
}
.acud-tabs-card.acud-tabs-top > .acud-tabs-nav .acud-tabs-tab + .acud-tabs-tab,
.acud-tabs-card.acud-tabs-bottom > .acud-tabs-nav .acud-tabs-tab + .acud-tabs-tab,
.acud-tabs-card.acud-tabs-top > div > .acud-tabs-nav .acud-tabs-tab + .acud-tabs-tab,
.acud-tabs-card.acud-tabs-bottom > div > .acud-tabs-nav .acud-tabs-tab + .acud-tabs-tab {
margin-left: 8px;
}
.acud-tabs-card.acud-tabs-top > .acud-tabs-nav .acud-tabs-tab,
.acud-tabs-card.acud-tabs-top > div > .acud-tabs-nav .acud-tabs-tab {
border-radius: 4px 4px 0 0;
}
.acud-tabs-card.acud-tabs-top > .acud-tabs-nav .acud-tabs-tab-active,
.acud-tabs-card.acud-tabs-top > div > .acud-tabs-nav .acud-tabs-tab-active {
border-bottom-color: #fff;
}
.acud-tabs-card.acud-tabs-bottom > .acud-tabs-nav .acud-tabs-tab,
.acud-tabs-card.acud-tabs-bottom > div > .acud-tabs-nav .acud-tabs-tab {
border-radius: 0 0 4px 4px;
}
.acud-tabs-card.acud-tabs-bottom > .acud-tabs-nav .acud-tabs-tab-active,
.acud-tabs-card.acud-tabs-bottom > div > .acud-tabs-nav .acud-tabs-tab-active {
border-top-color: #fff;
}
.acud-tabs-card.acud-tabs-left > .acud-tabs-nav .acud-tabs-tab + .acud-tabs-tab,
.acud-tabs-card.acud-tabs-right > .acud-tabs-nav .acud-tabs-tab + .acud-tabs-tab,
.acud-tabs-card.acud-tabs-left > div > .acud-tabs-nav .acud-tabs-tab + .acud-tabs-tab,
.acud-tabs-card.acud-tabs-right > div > .acud-tabs-nav .acud-tabs-tab + .acud-tabs-tab {
margin-top: 8px;
}
.acud-tabs-card.acud-tabs-left > .acud-tabs-nav .acud-tabs-tab,
.acud-tabs-card.acud-tabs-left > div > .acud-tabs-nav .acud-tabs-tab {
border-radius: 4px 0 0 4px;
}
.acud-tabs-card.acud-tabs-left > .acud-tabs-nav .acud-tabs-tab-active,
.acud-tabs-card.acud-tabs-left > div > .acud-tabs-nav .acud-tabs-tab-active {
border-right-color: #fff;
}
.acud-tabs-card.acud-tabs-right > .acud-tabs-nav .acud-tabs-tab,
.acud-tabs-card.acud-tabs-right > div > .acud-tabs-nav .acud-tabs-tab {
border-radius: 0 4px 4px 0;
}
.acud-tabs-card.acud-tabs-right > .acud-tabs-nav .acud-tabs-tab-active,
.acud-tabs-card.acud-tabs-right > div > .acud-tabs-nav .acud-tabs-tab-active {
border-left-color: #fff;
}
.acud-tabs {
margin: 0;
padding: 0;
display: flex;
overflow: hidden;
}
.acud-tabs > .acud-tabs-nav,
.acud-tabs > div > .acud-tabs-nav {
position: relative;
display: flex;
flex: none;
align-items: center;
}
.acud-tabs > .acud-tabs-nav .acud-tabs-nav-wrap,
.acud-tabs > div > .acud-tabs-nav .acud-tabs-nav-wrap {
position: relative;
display: inline-block;
display: flex;
flex: auto;
align-self: stretch;
overflow: hidden;
white-space: nowrap;
transform: translate(0);
}
.acud-tabs > .acud-tabs-nav .acud-tabs-nav-wrap::before,
.acud-tabs > div > .acud-tabs-nav .acud-tabs-nav-wrap::before,
.acud-tabs > .acud-tabs-nav .acud-tabs-nav-wrap::after,
.acud-tabs > div > .acud-tabs-nav .acud-tabs-nav-wrap::after {
position: absolute;
z-index: 1;
opacity: 0;
content: '';
pointer-events: none;
}
.acud-tabs > .acud-tabs-nav .acud-tabs-nav-list,
.acud-tabs > div > .acud-tabs-nav .acud-tabs-nav-list {
position: relative;
display: flex;
transition: transform 0.3s;
}
.acud-tabs > .acud-tabs-nav .acud-tabs-nav-operations,
.acud-tabs > div > .acud-tabs-nav .acud-tabs-nav-operations {
display: flex;
align-self: stretch;
}
.acud-tabs > .acud-tabs-nav .acud-tabs-nav-operations-hidden,
.acud-tabs > div > .acud-tabs-nav .acud-tabs-nav-operations-hidden {
position: absolute;
visibility: hidden;
pointer-events: none;
}
.acud-tabs > .acud-tabs-nav .acud-tabs-nav-more,
.acud-tabs > div > .acud-tabs-nav .acud-tabs-nav-more {
position: relative;
padding: 2.5px 16px;
padding-left: 0;
padding-right: 0;
background: transparent;
border: 0;
display: flex;
justify-content: center;
align-items: center;
width: 24px;
border: 1px solid #E8E9EB;
}
.acud-tabs > .acud-tabs-nav .acud-tabs-nav-more > span,
.acud-tabs > div > .acud-tabs-nav .acud-tabs-nav-more > span {
display: flex;
justify-content: center;
align-items: center;
}
.acud-tabs > .acud-tabs-nav .acud-tabs-nav-more.left,
.acud-tabs > div > .acud-tabs-nav .acud-tabs-nav-more.left {
border-right: 0;
}
.acud-tabs > .acud-tabs-nav .acud-tabs-nav-more.right,
.acud-tabs > div > .acud-tabs-nav .acud-tabs-nav-more.right {
border-left: 0;
}
.acud-tabs > .acud-tabs-nav .acud-tabs-nav-more::after,
.acud-tabs > div > .acud-tabs-nav .acud-tabs-nav-more::after {
position: absolute;
right: 0;
bottom: 0;
left: 0;
height: 5px;
transform: translateY(100%);
content: '';
}
.acud-tabs > .acud-tabs-nav .acud-tabs-nav-add,
.acud-tabs > div > .acud-tabs-nav .acud-tabs-nav-add {
width: 32px;
height: 32px;
background: #FFFFFF;
border: 1px solid #E8E9EB;
border-radius: 4px 4px 0 0;
outline: none;
cursor: pointer;
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
margin-left: 8px;
color: #151B26;
}
.acud-tabs > .acud-tabs-nav .acud-tabs-nav-add:hover,
.acud-tabs > div > .acud-tabs-nav .acud-tabs-nav-add:hover {
color: #2468F2;
}
.acud-tabs > .acud-tabs-nav .acud-tabs-nav-add:focus,
.acud-tabs > div > .acud-tabs-nav .acud-tabs-nav-add:focus,
.acud-tabs > .acud-tabs-nav .acud-tabs-nav-add:active,
.acud-tabs > div > .acud-tabs-nav .acud-tabs-nav-add:active {
color: #144BCC;
}
.acud-tabs > .acud-tabs-nav .acud-tabs-nav-add[disabled],
.acud-tabs > div > .acud-tabs-nav .acud-tabs-nav-add[disabled],
.acud-tabs > .acud-tabs-nav .acud-tabs-nav-add[aria-disabled="true"],
.acud-tabs > div > .acud-tabs-nav .acud-tabs-nav-add[aria-disabled="true"],
.acud-tabs > .acud-tabs-nav .acud-tabs-nav-add[disabled]:hover,
.acud-tabs > div > .acud-tabs-nav .acud-tabs-nav-add[disabled]:hover,
.acud-tabs > .acud-tabs-nav .acud-tabs-nav-add[aria-disabled="true"]:hover,
.acud-tabs > div > .acud-tabs-nav .acud-tabs-nav-add[aria-disabled="true"]:hover,
.acud-tabs > .acud-tabs-nav .acud-tabs-nav-add[disabled]:focus,
.acud-tabs > div > .acud-tabs-nav .acud-tabs-nav-add[disabled]:focus,
.acud-tabs > .acud-tabs-nav .acud-tabs-nav-add[aria-disabled="true"]:focus,
.acud-tabs > div > .acud-tabs-nav .acud-tabs-nav-add[aria-disabled="true"]:focus,
.acud-tabs > .acud-tabs-nav .acud-tabs-nav-add[disabled]:active,
.acud-tabs > div > .acud-tabs-nav .acud-tabs-nav-add[disabled]:active,
.acud-tabs > .acud-tabs-nav .acud-tabs-nav-add[aria-disabled="true"]:active,
.acud-tabs > div > .acud-tabs-nav .acud-tabs-nav-add[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-tabs-extra-content {
flex: none;
}
.acud-tabs-centered > .acud-tabs-nav .acud-tabs-nav-wrap:not([class*='acud-tabs-nav-wrap-ping']),
.acud-tabs-centered > div > .acud-tabs-nav .acud-tabs-nav-wrap:not([class*='acud-tabs-nav-wrap-ping']) {
justify-content: center;
}
.acud-tabs-ink-bar {
position: absolute;
background: #2468F2;
pointer-events: none;
}
.acud-tabs-tab {
position: relative;
display: inline-flex;
align-items: center;
padding: 8px 0;
font-size: 14px;
background: transparent;
border: 0;
outline: none;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
color: #151B26;
}
.acud-tabs-tab:hover {
color: #2468F2;
}
.acud-tabs-tab:focus,
.acud-tabs-tab:active {
color: #144BCC;
}
.acud-tabs-tab[disabled],
.acud-tabs-tab[aria-disabled="true"],
.acud-tabs-tab[disabled]:hover,
.acud-tabs-tab[aria-disabled="true"]:hover,
.acud-tabs-tab[disabled]:focus,
.acud-tabs-tab[aria-disabled="true"]:focus,
.acud-tabs-tab[disabled]:active,
.acud-tabs-tab[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-tabs-tab-active {
color: #2468F2;
}
.acud-tabs-tab-btn {
outline: none;
width: 100%;
}
.acud-tabs-tab-btn input {
outline: none;
border: 0;
background: none;
background: rgba(36, 104, 242, 0.18);
height: 16px;
line-height: 16px;
width: 100%;
}
.acud-tabs-tab-btn input:focus {
outline: none;
border: 0;
}
.acud-tabs-tab-btn input:focus-visible {
outline: none;
border: 0;
}
.acud-tabs-tab-remove {
flex: none;
margin-right: -4px;
margin-left: 8px;
background: transparent;
border: none;
outline: none;
cursor: pointer;
display: none;
}
.acud-tabs-tab-remove span {
height: 100%;
display: flex;
align-items: center;
}
.acud-tabs-tab:hover .acud-tabs-tab-remove {
display: inline-block;
color: inherit;
}
.acud-tabs-tab.acud-tabs-tab-disabled {
color: #B8BABF;
cursor: not-allowed;
}
.acud-tabs-tab.acud-tabs-tab-disabled .acud-tabs-tab-btn:focus,
.acud-tabs-tab.acud-tabs-tab-disabled .acud-tabs-tab-remove:focus,
.acud-tabs-tab.acud-tabs-tab-disabled .acud-tabs-tab-btn:active,
.acud-tabs-tab.acud-tabs-tab-disabled .acud-tabs-tab-remove:active {
color: #B8BABF;
}
.acud-tabs-tab .acud-tabs-tab-remove .acudicon {
margin: 0;
}
.acud-tabs-tab .acudicon {
margin-right: 8px;
height: 100%;
width: 16px;
line-height: 100%;
font-size: 16px;
}
.acud-tabs-tab + .acud-tabs-tab {
margin: 0 0 0 32px;
}
.acud-tabs-content {
display: flex;
width: 100%;
}
.acud-tabs-content-holder {
flex: auto;
min-width: 0;
min-height: 0;
}
.acud-tabs-content-animated {
transition: margin 0.3s;
}
.acud-tabs-tabpane {
flex: none;
width: 100%;
outline: none;
}
/* color */
/* 默认颜色 */
/* 通用-icon */
/* 标签 */
/* 默认颜色 */
/* 其他颜色 */
/* 通用 */
/* 水平 */
/* 垂直 */
/* 序号水平 */
/* 序号垂直 */
.acud-row {
display: flex;
flex-flow: row wrap;
}
.acud-row::before,
.acud-row::after {
display: flex;
}
.acud-row-no-wrap {
flex-wrap: nowrap;
}
.acud-row-start {
justify-content: flex-start;
}
.acud-row-center {
justify-content: center;
}
.acud-row-end {
justify-content: flex-end;
}
.acud-row-space-between {
justify-content: space-between;
}
.acud-row-space-around {
justify-content: space-around;
}
.acud-row-top {
align-items: flex-start;
}
.acud-row-middle {
align-items: center;
}
.acud-row-bottom {
align-items: flex-end;
}
.acud-col {
position: relative;
max-width: 100%;
min-height: 1px;
}
.acud-col-24 {
display: block;
flex: 0 0 100%;
max-width: 100%;
}
.acud-col-push-24 {
left: 100%;
}
.acud-col-pull-24 {
right: 100%;
}
.acud-col-offset-24 {
margin-left: 100%;
}
.acud-col-order-24 {
order: 24;
}
.acud-col-23 {
display: block;
flex: 0 0 95.83333333%;
max-width: 95.83333333%;
}
.acud-col-push-23 {
left: 95.83333333%;
}
.acud-col-pull-23 {
right: 95.83333333%;
}
.acud-col-offset-23 {
margin-left: 95.83333333%;
}
.acud-col-order-23 {
order: 23;
}
.acud-col-22 {
display: block;
flex: 0 0 91.66666667%;
max-width: 91.66666667%;
}
.acud-col-push-22 {
left: 91.66666667%;
}
.acud-col-pull-22 {
right: 91.66666667%;
}
.acud-col-offset-22 {
margin-left: 91.66666667%;
}
.acud-col-order-22 {
order: 22;
}
.acud-col-21 {
display: block;
flex: 0 0 87.5%;
max-width: 87.5%;
}
.acud-col-push-21 {
left: 87.5%;
}
.acud-col-pull-21 {
right: 87.5%;
}
.acud-col-offset-21 {
margin-left: 87.5%;
}
.acud-col-order-21 {
order: 21;
}
.acud-col-20 {
display: block;
flex: 0 0 83.33333333%;
max-width: 83.33333333%;
}
.acud-col-push-20 {
left: 83.33333333%;
}
.acud-col-pull-20 {
right: 83.33333333%;
}
.acud-col-offset-20 {
margin-left: 83.33333333%;
}
.acud-col-order-20 {
order: 20;
}
.acud-col-19 {
display: block;
flex: 0 0 79.16666667%;
max-width: 79.16666667%;
}
.acud-col-push-19 {
left: 79.16666667%;
}
.acud-col-pull-19 {
right: 79.16666667%;
}
.acud-col-offset-19 {
margin-left: 79.16666667%;
}
.acud-col-order-19 {
order: 19;
}
.acud-col-18 {
display: block;
flex: 0 0 75%;
max-width: 75%;
}
.acud-col-push-18 {
left: 75%;
}
.acud-col-pull-18 {
right: 75%;
}
.acud-col-offset-18 {
margin-left: 75%;
}
.acud-col-order-18 {
order: 18;
}
.acud-col-17 {
display: block;
flex: 0 0 70.83333333%;
max-width: 70.83333333%;
}
.acud-col-push-17 {
left: 70.83333333%;
}
.acud-col-pull-17 {
right: 70.83333333%;
}
.acud-col-offset-17 {
margin-left: 70.83333333%;
}
.acud-col-order-17 {
order: 17;
}
.acud-col-16 {
display: block;
flex: 0 0 66.66666667%;
max-width: 66.66666667%;
}
.acud-col-push-16 {
left: 66.66666667%;
}
.acud-col-pull-16 {
right: 66.66666667%;
}
.acud-col-offset-16 {
margin-left: 66.66666667%;
}
.acud-col-order-16 {
order: 16;
}
.acud-col-15 {
display: block;
flex: 0 0 62.5%;
max-width: 62.5%;
}
.acud-col-push-15 {
left: 62.5%;
}
.acud-col-pull-15 {
right: 62.5%;
}
.acud-col-offset-15 {
margin-left: 62.5%;
}
.acud-col-order-15 {
order: 15;
}
.acud-col-14 {
display: block;
flex: 0 0 58.33333333%;
max-width: 58.33333333%;
}
.acud-col-push-14 {
left: 58.33333333%;
}
.acud-col-pull-14 {
right: 58.33333333%;
}
.acud-col-offset-14 {
margin-left: 58.33333333%;
}
.acud-col-order-14 {
order: 14;
}
.acud-col-13 {
display: block;
flex: 0 0 54.16666667%;
max-width: 54.16666667%;
}
.acud-col-push-13 {
left: 54.16666667%;
}
.acud-col-pull-13 {
right: 54.16666667%;
}
.acud-col-offset-13 {
margin-left: 54.16666667%;
}
.acud-col-order-13 {
order: 13;
}
.acud-col-12 {
display: block;
flex: 0 0 50%;
max-width: 50%;
}
.acud-col-push-12 {
left: 50%;
}
.acud-col-pull-12 {
right: 50%;
}
.acud-col-offset-12 {
margin-left: 50%;
}
.acud-col-order-12 {
order: 12;
}
.acud-col-11 {
display: block;
flex: 0 0 45.83333333%;
max-width: 45.83333333%;
}
.acud-col-push-11 {
left: 45.83333333%;
}
.acud-col-pull-11 {
right: 45.83333333%;
}
.acud-col-offset-11 {
margin-left: 45.83333333%;
}
.acud-col-order-11 {
order: 11;
}
.acud-col-10 {
display: block;
flex: 0 0 41.66666667%;
max-width: 41.66666667%;
}
.acud-col-push-10 {
left: 41.66666667%;
}
.acud-col-pull-10 {
right: 41.66666667%;
}
.acud-col-offset-10 {
margin-left: 41.66666667%;
}
.acud-col-order-10 {
order: 10;
}
.acud-col-9 {
display: block;
flex: 0 0 37.5%;
max-width: 37.5%;
}
.acud-col-push-9 {
left: 37.5%;
}
.acud-col-pull-9 {
right: 37.5%;
}
.acud-col-offset-9 {
margin-left: 37.5%;
}
.acud-col-order-9 {
order: 9;
}
.acud-col-8 {
display: block;
flex: 0 0 33.33333333%;
max-width: 33.33333333%;
}
.acud-col-push-8 {
left: 33.33333333%;
}
.acud-col-pull-8 {
right: 33.33333333%;
}
.acud-col-offset-8 {
margin-left: 33.33333333%;
}
.acud-col-order-8 {
order: 8;
}
.acud-col-7 {
display: block;
flex: 0 0 29.16666667%;
max-width: 29.16666667%;
}
.acud-col-push-7 {
left: 29.16666667%;
}
.acud-col-pull-7 {
right: 29.16666667%;
}
.acud-col-offset-7 {
margin-left: 29.16666667%;
}
.acud-col-order-7 {
order: 7;
}
.acud-col-6 {
display: block;
flex: 0 0 25%;
max-width: 25%;
}
.acud-col-push-6 {
left: 25%;
}
.acud-col-pull-6 {
right: 25%;
}
.acud-col-offset-6 {
margin-left: 25%;
}
.acud-col-order-6 {
order: 6;
}
.acud-col-5 {
display: block;
flex: 0 0 20.83333333%;
max-width: 20.83333333%;
}
.acud-col-push-5 {
left: 20.83333333%;
}
.acud-col-pull-5 {
right: 20.83333333%;
}
.acud-col-offset-5 {
margin-left: 20.83333333%;
}
.acud-col-order-5 {
order: 5;
}
.acud-col-4 {
display: block;
flex: 0 0 16.66666667%;
max-width: 16.66666667%;
}
.acud-col-push-4 {
left: 16.66666667%;
}
.acud-col-pull-4 {
right: 16.66666667%;
}
.acud-col-offset-4 {
margin-left: 16.66666667%;
}
.acud-col-order-4 {
order: 4;
}
.acud-col-3 {
display: block;
flex: 0 0 12.5%;
max-width: 12.5%;
}
.acud-col-push-3 {
left: 12.5%;
}
.acud-col-pull-3 {
right: 12.5%;
}
.acud-col-offset-3 {
margin-left: 12.5%;
}
.acud-col-order-3 {
order: 3;
}
.acud-col-2 {
display: block;
flex: 0 0 8.33333333%;
max-width: 8.33333333%;
}
.acud-col-push-2 {
left: 8.33333333%;
}
.acud-col-pull-2 {
right: 8.33333333%;
}
.acud-col-offset-2 {
margin-left: 8.33333333%;
}
.acud-col-order-2 {
order: 2;
}
.acud-col-1 {
display: block;
flex: 0 0 4.16666667%;
max-width: 4.16666667%;
}
.acud-col-push-1 {
left: 4.16666667%;
}
.acud-col-pull-1 {
right: 4.16666667%;
}
.acud-col-offset-1 {
margin-left: 4.16666667%;
}
.acud-col-order-1 {
order: 1;
}
.acud-col-0 {
display: none;
}
.acud-col-push-0 {
left: auto;
}
.acud-col-pull-0 {
right: auto;
}
.acud-col-push-0 {
left: auto;
}
.acud-col-pull-0 {
right: auto;
}
.acud-col-offset-0 {
margin-left: 0;
}
.acud-col-order-0 {
order: 0;
}
.acud-col-push-0.acud-col-rtl {
right: auto;
}
.acud-col-pull-0.acud-col-rtl {
left: auto;
}
.acud-col-push-0.acud-col-rtl {
right: auto;
}
.acud-col-pull-0.acud-col-rtl {
left: auto;
}
.acud-col-offset-0.acud-col-rtl {
margin-right: 0;
}
.acud-col-push-1.acud-col-rtl {
right: 4.16666667%;
left: auto;
}
.acud-col-pull-1.acud-col-rtl {
right: auto;
left: 4.16666667%;
}
.acud-col-offset-1.acud-col-rtl {
margin-right: 4.16666667%;
margin-left: 0;
}
.acud-col-push-2.acud-col-rtl {
right: 8.33333333%;
left: auto;
}
.acud-col-pull-2.acud-col-rtl {
right: auto;
left: 8.33333333%;
}
.acud-col-offset-2.acud-col-rtl {
margin-right: 8.33333333%;
margin-left: 0;
}
.acud-col-push-3.acud-col-rtl {
right: 12.5%;
left: auto;
}
.acud-col-pull-3.acud-col-rtl {
right: auto;
left: 12.5%;
}
.acud-col-offset-3.acud-col-rtl {
margin-right: 12.5%;
margin-left: 0;
}
.acud-col-push-4.acud-col-rtl {
right: 16.66666667%;
left: auto;
}
.acud-col-pull-4.acud-col-rtl {
right: auto;
left: 16.66666667%;
}
.acud-col-offset-4.acud-col-rtl {
margin-right: 16.66666667%;
margin-left: 0;
}
.acud-col-push-5.acud-col-rtl {
right: 20.83333333%;
left: auto;
}
.acud-col-pull-5.acud-col-rtl {
right: auto;
left: 20.83333333%;
}
.acud-col-offset-5.acud-col-rtl {
margin-right: 20.83333333%;
margin-left: 0;
}
.acud-col-push-6.acud-col-rtl {
right: 25%;
left: auto;
}
.acud-col-pull-6.acud-col-rtl {
right: auto;
left: 25%;
}
.acud-col-offset-6.acud-col-rtl {
margin-right: 25%;
margin-left: 0;
}
.acud-col-push-7.acud-col-rtl {
right: 29.16666667%;
left: auto;
}
.acud-col-pull-7.acud-col-rtl {
right: auto;
left: 29.16666667%;
}
.acud-col-offset-7.acud-col-rtl {
margin-right: 29.16666667%;
margin-left: 0;
}
.acud-col-push-8.acud-col-rtl {
right: 33.33333333%;
left: auto;
}
.acud-col-pull-8.acud-col-rtl {
right: auto;
left: 33.33333333%;
}
.acud-col-offset-8.acud-col-rtl {
margin-right: 33.33333333%;
margin-left: 0;
}
.acud-col-push-9.acud-col-rtl {
right: 37.5%;
left: auto;
}
.acud-col-pull-9.acud-col-rtl {
right: auto;
left: 37.5%;
}
.acud-col-offset-9.acud-col-rtl {
margin-right: 37.5%;
margin-left: 0;
}
.acud-col-push-10.acud-col-rtl {
right: 41.66666667%;
left: auto;
}
.acud-col-pull-10.acud-col-rtl {
right: auto;
left: 41.66666667%;
}
.acud-col-offset-10.acud-col-rtl {
margin-right: 41.66666667%;
margin-left: 0;
}
.acud-col-push-11.acud-col-rtl {
right: 45.83333333%;
left: auto;
}
.acud-col-pull-11.acud-col-rtl {
right: auto;
left: 45.83333333%;
}
.acud-col-offset-11.acud-col-rtl {
margin-right: 45.83333333%;
margin-left: 0;
}
.acud-col-push-12.acud-col-rtl {
right: 50%;
left: auto;
}
.acud-col-pull-12.acud-col-rtl {
right: auto;
left: 50%;
}
.acud-col-offset-12.acud-col-rtl {
margin-right: 50%;
margin-left: 0;
}
.acud-col-push-13.acud-col-rtl {
right: 54.16666667%;
left: auto;
}
.acud-col-pull-13.acud-col-rtl {
right: auto;
left: 54.16666667%;
}
.acud-col-offset-13.acud-col-rtl {
margin-right: 54.16666667%;
margin-left: 0;
}
.acud-col-push-14.acud-col-rtl {
right: 58.33333333%;
left: auto;
}
.acud-col-pull-14.acud-col-rtl {
right: auto;
left: 58.33333333%;
}
.acud-col-offset-14.acud-col-rtl {
margin-right: 58.33333333%;
margin-left: 0;
}
.acud-col-push-15.acud-col-rtl {
right: 62.5%;
left: auto;
}
.acud-col-pull-15.acud-col-rtl {
right: auto;
left: 62.5%;
}
.acud-col-offset-15.acud-col-rtl {
margin-right: 62.5%;
margin-left: 0;
}
.acud-col-push-16.acud-col-rtl {
right: 66.66666667%;
left: auto;
}
.acud-col-pull-16.acud-col-rtl {
right: auto;
left: 66.66666667%;
}
.acud-col-offset-16.acud-col-rtl {
margin-right: 66.66666667%;
margin-left: 0;
}
.acud-col-push-17.acud-col-rtl {
right: 70.83333333%;
left: auto;
}
.acud-col-pull-17.acud-col-rtl {
right: auto;
left: 70.83333333%;
}
.acud-col-offset-17.acud-col-rtl {
margin-right: 70.83333333%;
margin-left: 0;
}
.acud-col-push-18.acud-col-rtl {
right: 75%;
left: auto;
}
.acud-col-pull-18.acud-col-rtl {
right: auto;
left: 75%;
}
.acud-col-offset-18.acud-col-rtl {
margin-right: 75%;
margin-left: 0;
}
.acud-col-push-19.acud-col-rtl {
right: 79.16666667%;
left: auto;
}
.acud-col-pull-19.acud-col-rtl {
right: auto;
left: 79.16666667%;
}
.acud-col-offset-19.acud-col-rtl {
margin-right: 79.16666667%;
margin-left: 0;
}
.acud-col-push-20.acud-col-rtl {
right: 83.33333333%;
left: auto;
}
.acud-col-pull-20.acud-col-rtl {
right: auto;
left: 83.33333333%;
}
.acud-col-offset-20.acud-col-rtl {
margin-right: 83.33333333%;
margin-left: 0;
}
.acud-col-push-21.acud-col-rtl {
right: 87.5%;
left: auto;
}
.acud-col-pull-21.acud-col-rtl {
right: auto;
left: 87.5%;
}
.acud-col-offset-21.acud-col-rtl {
margin-right: 87.5%;
margin-left: 0;
}
.acud-col-push-22.acud-col-rtl {
right: 91.66666667%;
left: auto;
}
.acud-col-pull-22.acud-col-rtl {
right: auto;
left: 91.66666667%;
}
.acud-col-offset-22.acud-col-rtl {
margin-right: 91.66666667%;
margin-left: 0;
}
.acud-col-push-23.acud-col-rtl {
right: 95.83333333%;
left: auto;
}
.acud-col-pull-23.acud-col-rtl {
right: auto;
left: 95.83333333%;
}
.acud-col-offset-23.acud-col-rtl {
margin-right: 95.83333333%;
margin-left: 0;
}
.acud-col-push-24.acud-col-rtl {
right: 100%;
left: auto;
}
.acud-col-pull-24.acud-col-rtl {
right: auto;
left: 100%;
}
.acud-col-offset-24.acud-col-rtl {
margin-right: 100%;
margin-left: 0;
}
.acud-col-xs-24 {
display: block;
flex: 0 0 100%;
max-width: 100%;
}
.acud-col-xs-push-24 {
left: 100%;
}
.acud-col-xs-pull-24 {
right: 100%;
}
.acud-col-xs-offset-24 {
margin-left: 100%;
}
.acud-col-xs-order-24 {
order: 24;
}
.acud-col-xs-23 {
display: block;
flex: 0 0 95.83333333%;
max-width: 95.83333333%;
}
.acud-col-xs-push-23 {
left: 95.83333333%;
}
.acud-col-xs-pull-23 {
right: 95.83333333%;
}
.acud-col-xs-offset-23 {
margin-left: 95.83333333%;
}
.acud-col-xs-order-23 {
order: 23;
}
.acud-col-xs-22 {
display: block;
flex: 0 0 91.66666667%;
max-width: 91.66666667%;
}
.acud-col-xs-push-22 {
left: 91.66666667%;
}
.acud-col-xs-pull-22 {
right: 91.66666667%;
}
.acud-col-xs-offset-22 {
margin-left: 91.66666667%;
}
.acud-col-xs-order-22 {
order: 22;
}
.acud-col-xs-21 {
display: block;
flex: 0 0 87.5%;
max-width: 87.5%;
}
.acud-col-xs-push-21 {
left: 87.5%;
}
.acud-col-xs-pull-21 {
right: 87.5%;
}
.acud-col-xs-offset-21 {
margin-left: 87.5%;
}
.acud-col-xs-order-21 {
order: 21;
}
.acud-col-xs-20 {
display: block;
flex: 0 0 83.33333333%;
max-width: 83.33333333%;
}
.acud-col-xs-push-20 {
left: 83.33333333%;
}
.acud-col-xs-pull-20 {
right: 83.33333333%;
}
.acud-col-xs-offset-20 {
margin-left: 83.33333333%;
}
.acud-col-xs-order-20 {
order: 20;
}
.acud-col-xs-19 {
display: block;
flex: 0 0 79.16666667%;
max-width: 79.16666667%;
}
.acud-col-xs-push-19 {
left: 79.16666667%;
}
.acud-col-xs-pull-19 {
right: 79.16666667%;
}
.acud-col-xs-offset-19 {
margin-left: 79.16666667%;
}
.acud-col-xs-order-19 {
order: 19;
}
.acud-col-xs-18 {
display: block;
flex: 0 0 75%;
max-width: 75%;
}
.acud-col-xs-push-18 {
left: 75%;
}
.acud-col-xs-pull-18 {
right: 75%;
}
.acud-col-xs-offset-18 {
margin-left: 75%;
}
.acud-col-xs-order-18 {
order: 18;
}
.acud-col-xs-17 {
display: block;
flex: 0 0 70.83333333%;
max-width: 70.83333333%;
}
.acud-col-xs-push-17 {
left: 70.83333333%;
}
.acud-col-xs-pull-17 {
right: 70.83333333%;
}
.acud-col-xs-offset-17 {
margin-left: 70.83333333%;
}
.acud-col-xs-order-17 {
order: 17;
}
.acud-col-xs-16 {
display: block;
flex: 0 0 66.66666667%;
max-width: 66.66666667%;
}
.acud-col-xs-push-16 {
left: 66.66666667%;
}
.acud-col-xs-pull-16 {
right: 66.66666667%;
}
.acud-col-xs-offset-16 {
margin-left: 66.66666667%;
}
.acud-col-xs-order-16 {
order: 16;
}
.acud-col-xs-15 {
display: block;
flex: 0 0 62.5%;
max-width: 62.5%;
}
.acud-col-xs-push-15 {
left: 62.5%;
}
.acud-col-xs-pull-15 {
right: 62.5%;
}
.acud-col-xs-offset-15 {
margin-left: 62.5%;
}
.acud-col-xs-order-15 {
order: 15;
}
.acud-col-xs-14 {
display: block;
flex: 0 0 58.33333333%;
max-width: 58.33333333%;
}
.acud-col-xs-push-14 {
left: 58.33333333%;
}
.acud-col-xs-pull-14 {
right: 58.33333333%;
}
.acud-col-xs-offset-14 {
margin-left: 58.33333333%;
}
.acud-col-xs-order-14 {
order: 14;
}
.acud-col-xs-13 {
display: block;
flex: 0 0 54.16666667%;
max-width: 54.16666667%;
}
.acud-col-xs-push-13 {
left: 54.16666667%;
}
.acud-col-xs-pull-13 {
right: 54.16666667%;
}
.acud-col-xs-offset-13 {
margin-left: 54.16666667%;
}
.acud-col-xs-order-13 {
order: 13;
}
.acud-col-xs-12 {
display: block;
flex: 0 0 50%;
max-width: 50%;
}
.acud-col-xs-push-12 {
left: 50%;
}
.acud-col-xs-pull-12 {
right: 50%;
}
.acud-col-xs-offset-12 {
margin-left: 50%;
}
.acud-col-xs-order-12 {
order: 12;
}
.acud-col-xs-11 {
display: block;
flex: 0 0 45.83333333%;
max-width: 45.83333333%;
}
.acud-col-xs-push-11 {
left: 45.83333333%;
}
.acud-col-xs-pull-11 {
right: 45.83333333%;
}
.acud-col-xs-offset-11 {
margin-left: 45.83333333%;
}
.acud-col-xs-order-11 {
order: 11;
}
.acud-col-xs-10 {
display: block;
flex: 0 0 41.66666667%;
max-width: 41.66666667%;
}
.acud-col-xs-push-10 {
left: 41.66666667%;
}
.acud-col-xs-pull-10 {
right: 41.66666667%;
}
.acud-col-xs-offset-10 {
margin-left: 41.66666667%;
}
.acud-col-xs-order-10 {
order: 10;
}
.acud-col-xs-9 {
display: block;
flex: 0 0 37.5%;
max-width: 37.5%;
}
.acud-col-xs-push-9 {
left: 37.5%;
}
.acud-col-xs-pull-9 {
right: 37.5%;
}
.acud-col-xs-offset-9 {
margin-left: 37.5%;
}
.acud-col-xs-order-9 {
order: 9;
}
.acud-col-xs-8 {
display: block;
flex: 0 0 33.33333333%;
max-width: 33.33333333%;
}
.acud-col-xs-push-8 {
left: 33.33333333%;
}
.acud-col-xs-pull-8 {
right: 33.33333333%;
}
.acud-col-xs-offset-8 {
margin-left: 33.33333333%;
}
.acud-col-xs-order-8 {
order: 8;
}
.acud-col-xs-7 {
display: block;
flex: 0 0 29.16666667%;
max-width: 29.16666667%;
}
.acud-col-xs-push-7 {
left: 29.16666667%;
}
.acud-col-xs-pull-7 {
right: 29.16666667%;
}
.acud-col-xs-offset-7 {
margin-left: 29.16666667%;
}
.acud-col-xs-order-7 {
order: 7;
}
.acud-col-xs-6 {
display: block;
flex: 0 0 25%;
max-width: 25%;
}
.acud-col-xs-push-6 {
left: 25%;
}
.acud-col-xs-pull-6 {
right: 25%;
}
.acud-col-xs-offset-6 {
margin-left: 25%;
}
.acud-col-xs-order-6 {
order: 6;
}
.acud-col-xs-5 {
display: block;
flex: 0 0 20.83333333%;
max-width: 20.83333333%;
}
.acud-col-xs-push-5 {
left: 20.83333333%;
}
.acud-col-xs-pull-5 {
right: 20.83333333%;
}
.acud-col-xs-offset-5 {
margin-left: 20.83333333%;
}
.acud-col-xs-order-5 {
order: 5;
}
.acud-col-xs-4 {
display: block;
flex: 0 0 16.66666667%;
max-width: 16.66666667%;
}
.acud-col-xs-push-4 {
left: 16.66666667%;
}
.acud-col-xs-pull-4 {
right: 16.66666667%;
}
.acud-col-xs-offset-4 {
margin-left: 16.66666667%;
}
.acud-col-xs-order-4 {
order: 4;
}
.acud-col-xs-3 {
display: block;
flex: 0 0 12.5%;
max-width: 12.5%;
}
.acud-col-xs-push-3 {
left: 12.5%;
}
.acud-col-xs-pull-3 {
right: 12.5%;
}
.acud-col-xs-offset-3 {
margin-left: 12.5%;
}
.acud-col-xs-order-3 {
order: 3;
}
.acud-col-xs-2 {
display: block;
flex: 0 0 8.33333333%;
max-width: 8.33333333%;
}
.acud-col-xs-push-2 {
left: 8.33333333%;
}
.acud-col-xs-pull-2 {
right: 8.33333333%;
}
.acud-col-xs-offset-2 {
margin-left: 8.33333333%;
}
.acud-col-xs-order-2 {
order: 2;
}
.acud-col-xs-1 {
display: block;
flex: 0 0 4.16666667%;
max-width: 4.16666667%;
}
.acud-col-xs-push-1 {
left: 4.16666667%;
}
.acud-col-xs-pull-1 {
right: 4.16666667%;
}
.acud-col-xs-offset-1 {
margin-left: 4.16666667%;
}
.acud-col-xs-order-1 {
order: 1;
}
.acud-col-xs-0 {
display: none;
}
.acud-col-push-0 {
left: auto;
}
.acud-col-pull-0 {
right: auto;
}
.acud-col-xs-push-0 {
left: auto;
}
.acud-col-xs-pull-0 {
right: auto;
}
.acud-col-xs-offset-0 {
margin-left: 0;
}
.acud-col-xs-order-0 {
order: 0;
}
.acud-col-push-0.acud-col-rtl {
right: auto;
}
.acud-col-pull-0.acud-col-rtl {
left: auto;
}
.acud-col-xs-push-0.acud-col-rtl {
right: auto;
}
.acud-col-xs-pull-0.acud-col-rtl {
left: auto;
}
.acud-col-xs-offset-0.acud-col-rtl {
margin-right: 0;
}
.acud-col-xs-push-1.acud-col-rtl {
right: 4.16666667%;
left: auto;
}
.acud-col-xs-pull-1.acud-col-rtl {
right: auto;
left: 4.16666667%;
}
.acud-col-xs-offset-1.acud-col-rtl {
margin-right: 4.16666667%;
margin-left: 0;
}
.acud-col-xs-push-2.acud-col-rtl {
right: 8.33333333%;
left: auto;
}
.acud-col-xs-pull-2.acud-col-rtl {
right: auto;
left: 8.33333333%;
}
.acud-col-xs-offset-2.acud-col-rtl {
margin-right: 8.33333333%;
margin-left: 0;
}
.acud-col-xs-push-3.acud-col-rtl {
right: 12.5%;
left: auto;
}
.acud-col-xs-pull-3.acud-col-rtl {
right: auto;
left: 12.5%;
}
.acud-col-xs-offset-3.acud-col-rtl {
margin-right: 12.5%;
margin-left: 0;
}
.acud-col-xs-push-4.acud-col-rtl {
right: 16.66666667%;
left: auto;
}
.acud-col-xs-pull-4.acud-col-rtl {
right: auto;
left: 16.66666667%;
}
.acud-col-xs-offset-4.acud-col-rtl {
margin-right: 16.66666667%;
margin-left: 0;
}
.acud-col-xs-push-5.acud-col-rtl {
right: 20.83333333%;
left: auto;
}
.acud-col-xs-pull-5.acud-col-rtl {
right: auto;
left: 20.83333333%;
}
.acud-col-xs-offset-5.acud-col-rtl {
margin-right: 20.83333333%;
margin-left: 0;
}
.acud-col-xs-push-6.acud-col-rtl {
right: 25%;
left: auto;
}
.acud-col-xs-pull-6.acud-col-rtl {
right: auto;
left: 25%;
}
.acud-col-xs-offset-6.acud-col-rtl {
margin-right: 25%;
margin-left: 0;
}
.acud-col-xs-push-7.acud-col-rtl {
right: 29.16666667%;
left: auto;
}
.acud-col-xs-pull-7.acud-col-rtl {
right: auto;
left: 29.16666667%;
}
.acud-col-xs-offset-7.acud-col-rtl {
margin-right: 29.16666667%;
margin-left: 0;
}
.acud-col-xs-push-8.acud-col-rtl {
right: 33.33333333%;
left: auto;
}
.acud-col-xs-pull-8.acud-col-rtl {
right: auto;
left: 33.33333333%;
}
.acud-col-xs-offset-8.acud-col-rtl {
margin-right: 33.33333333%;
margin-left: 0;
}
.acud-col-xs-push-9.acud-col-rtl {
right: 37.5%;
left: auto;
}
.acud-col-xs-pull-9.acud-col-rtl {
right: auto;
left: 37.5%;
}
.acud-col-xs-offset-9.acud-col-rtl {
margin-right: 37.5%;
margin-left: 0;
}
.acud-col-xs-push-10.acud-col-rtl {
right: 41.66666667%;
left: auto;
}
.acud-col-xs-pull-10.acud-col-rtl {
right: auto;
left: 41.66666667%;
}
.acud-col-xs-offset-10.acud-col-rtl {
margin-right: 41.66666667%;
margin-left: 0;
}
.acud-col-xs-push-11.acud-col-rtl {
right: 45.83333333%;
left: auto;
}
.acud-col-xs-pull-11.acud-col-rtl {
right: auto;
left: 45.83333333%;
}
.acud-col-xs-offset-11.acud-col-rtl {
margin-right: 45.83333333%;
margin-left: 0;
}
.acud-col-xs-push-12.acud-col-rtl {
right: 50%;
left: auto;
}
.acud-col-xs-pull-12.acud-col-rtl {
right: auto;
left: 50%;
}
.acud-col-xs-offset-12.acud-col-rtl {
margin-right: 50%;
margin-left: 0;
}
.acud-col-xs-push-13.acud-col-rtl {
right: 54.16666667%;
left: auto;
}
.acud-col-xs-pull-13.acud-col-rtl {
right: auto;
left: 54.16666667%;
}
.acud-col-xs-offset-13.acud-col-rtl {
margin-right: 54.16666667%;
margin-left: 0;
}
.acud-col-xs-push-14.acud-col-rtl {
right: 58.33333333%;
left: auto;
}
.acud-col-xs-pull-14.acud-col-rtl {
right: auto;
left: 58.33333333%;
}
.acud-col-xs-offset-14.acud-col-rtl {
margin-right: 58.33333333%;
margin-left: 0;
}
.acud-col-xs-push-15.acud-col-rtl {
right: 62.5%;
left: auto;
}
.acud-col-xs-pull-15.acud-col-rtl {
right: auto;
left: 62.5%;
}
.acud-col-xs-offset-15.acud-col-rtl {
margin-right: 62.5%;
margin-left: 0;
}
.acud-col-xs-push-16.acud-col-rtl {
right: 66.66666667%;
left: auto;
}
.acud-col-xs-pull-16.acud-col-rtl {
right: auto;
left: 66.66666667%;
}
.acud-col-xs-offset-16.acud-col-rtl {
margin-right: 66.66666667%;
margin-left: 0;
}
.acud-col-xs-push-17.acud-col-rtl {
right: 70.83333333%;
left: auto;
}
.acud-col-xs-pull-17.acud-col-rtl {
right: auto;
left: 70.83333333%;
}
.acud-col-xs-offset-17.acud-col-rtl {
margin-right: 70.83333333%;
margin-left: 0;
}
.acud-col-xs-push-18.acud-col-rtl {
right: 75%;
left: auto;
}
.acud-col-xs-pull-18.acud-col-rtl {
right: auto;
left: 75%;
}
.acud-col-xs-offset-18.acud-col-rtl {
margin-right: 75%;
margin-left: 0;
}
.acud-col-xs-push-19.acud-col-rtl {
right: 79.16666667%;
left: auto;
}
.acud-col-xs-pull-19.acud-col-rtl {
right: auto;
left: 79.16666667%;
}
.acud-col-xs-offset-19.acud-col-rtl {
margin-right: 79.16666667%;
margin-left: 0;
}
.acud-col-xs-push-20.acud-col-rtl {
right: 83.33333333%;
left: auto;
}
.acud-col-xs-pull-20.acud-col-rtl {
right: auto;
left: 83.33333333%;
}
.acud-col-xs-offset-20.acud-col-rtl {
margin-right: 83.33333333%;
margin-left: 0;
}
.acud-col-xs-push-21.acud-col-rtl {
right: 87.5%;
left: auto;
}
.acud-col-xs-pull-21.acud-col-rtl {
right: auto;
left: 87.5%;
}
.acud-col-xs-offset-21.acud-col-rtl {
margin-right: 87.5%;
margin-left: 0;
}
.acud-col-xs-push-22.acud-col-rtl {
right: 91.66666667%;
left: auto;
}
.acud-col-xs-pull-22.acud-col-rtl {
right: auto;
left: 91.66666667%;
}
.acud-col-xs-offset-22.acud-col-rtl {
margin-right: 91.66666667%;
margin-left: 0;
}
.acud-col-xs-push-23.acud-col-rtl {
right: 95.83333333%;
left: auto;
}
.acud-col-xs-pull-23.acud-col-rtl {
right: auto;
left: 95.83333333%;
}
.acud-col-xs-offset-23.acud-col-rtl {
margin-right: 95.83333333%;
margin-left: 0;
}
.acud-col-xs-push-24.acud-col-rtl {
right: 100%;
left: auto;
}
.acud-col-xs-pull-24.acud-col-rtl {
right: auto;
left: 100%;
}
.acud-col-xs-offset-24.acud-col-rtl {
margin-right: 100%;
margin-left: 0;
}
@media (min-width: 576px) {
.acud-col-sm-24 {
display: block;
flex: 0 0 100%;
max-width: 100%;
}
.acud-col-sm-push-24 {
left: 100%;
}
.acud-col-sm-pull-24 {
right: 100%;
}
.acud-col-sm-offset-24 {
margin-left: 100%;
}
.acud-col-sm-order-24 {
order: 24;
}
.acud-col-sm-23 {
display: block;
flex: 0 0 95.83333333%;
max-width: 95.83333333%;
}
.acud-col-sm-push-23 {
left: 95.83333333%;
}
.acud-col-sm-pull-23 {
right: 95.83333333%;
}
.acud-col-sm-offset-23 {
margin-left: 95.83333333%;
}
.acud-col-sm-order-23 {
order: 23;
}
.acud-col-sm-22 {
display: block;
flex: 0 0 91.66666667%;
max-width: 91.66666667%;
}
.acud-col-sm-push-22 {
left: 91.66666667%;
}
.acud-col-sm-pull-22 {
right: 91.66666667%;
}
.acud-col-sm-offset-22 {
margin-left: 91.66666667%;
}
.acud-col-sm-order-22 {
order: 22;
}
.acud-col-sm-21 {
display: block;
flex: 0 0 87.5%;
max-width: 87.5%;
}
.acud-col-sm-push-21 {
left: 87.5%;
}
.acud-col-sm-pull-21 {
right: 87.5%;
}
.acud-col-sm-offset-21 {
margin-left: 87.5%;
}
.acud-col-sm-order-21 {
order: 21;
}
.acud-col-sm-20 {
display: block;
flex: 0 0 83.33333333%;
max-width: 83.33333333%;
}
.acud-col-sm-push-20 {
left: 83.33333333%;
}
.acud-col-sm-pull-20 {
right: 83.33333333%;
}
.acud-col-sm-offset-20 {
margin-left: 83.33333333%;
}
.acud-col-sm-order-20 {
order: 20;
}
.acud-col-sm-19 {
display: block;
flex: 0 0 79.16666667%;
max-width: 79.16666667%;
}
.acud-col-sm-push-19 {
left: 79.16666667%;
}
.acud-col-sm-pull-19 {
right: 79.16666667%;
}
.acud-col-sm-offset-19 {
margin-left: 79.16666667%;
}
.acud-col-sm-order-19 {
order: 19;
}
.acud-col-sm-18 {
display: block;
flex: 0 0 75%;
max-width: 75%;
}
.acud-col-sm-push-18 {
left: 75%;
}
.acud-col-sm-pull-18 {
right: 75%;
}
.acud-col-sm-offset-18 {
margin-left: 75%;
}
.acud-col-sm-order-18 {
order: 18;
}
.acud-col-sm-17 {
display: block;
flex: 0 0 70.83333333%;
max-width: 70.83333333%;
}
.acud-col-sm-push-17 {
left: 70.83333333%;
}
.acud-col-sm-pull-17 {
right: 70.83333333%;
}
.acud-col-sm-offset-17 {
margin-left: 70.83333333%;
}
.acud-col-sm-order-17 {
order: 17;
}
.acud-col-sm-16 {
display: block;
flex: 0 0 66.66666667%;
max-width: 66.66666667%;
}
.acud-col-sm-push-16 {
left: 66.66666667%;
}
.acud-col-sm-pull-16 {
right: 66.66666667%;
}
.acud-col-sm-offset-16 {
margin-left: 66.66666667%;
}
.acud-col-sm-order-16 {
order: 16;
}
.acud-col-sm-15 {
display: block;
flex: 0 0 62.5%;
max-width: 62.5%;
}
.acud-col-sm-push-15 {
left: 62.5%;
}
.acud-col-sm-pull-15 {
right: 62.5%;
}
.acud-col-sm-offset-15 {
margin-left: 62.5%;
}
.acud-col-sm-order-15 {
order: 15;
}
.acud-col-sm-14 {
display: block;
flex: 0 0 58.33333333%;
max-width: 58.33333333%;
}
.acud-col-sm-push-14 {
left: 58.33333333%;
}
.acud-col-sm-pull-14 {
right: 58.33333333%;
}
.acud-col-sm-offset-14 {
margin-left: 58.33333333%;
}
.acud-col-sm-order-14 {
order: 14;
}
.acud-col-sm-13 {
display: block;
flex: 0 0 54.16666667%;
max-width: 54.16666667%;
}
.acud-col-sm-push-13 {
left: 54.16666667%;
}
.acud-col-sm-pull-13 {
right: 54.16666667%;
}
.acud-col-sm-offset-13 {
margin-left: 54.16666667%;
}
.acud-col-sm-order-13 {
order: 13;
}
.acud-col-sm-12 {
display: block;
flex: 0 0 50%;
max-width: 50%;
}
.acud-col-sm-push-12 {
left: 50%;
}
.acud-col-sm-pull-12 {
right: 50%;
}
.acud-col-sm-offset-12 {
margin-left: 50%;
}
.acud-col-sm-order-12 {
order: 12;
}
.acud-col-sm-11 {
display: block;
flex: 0 0 45.83333333%;
max-width: 45.83333333%;
}
.acud-col-sm-push-11 {
left: 45.83333333%;
}
.acud-col-sm-pull-11 {
right: 45.83333333%;
}
.acud-col-sm-offset-11 {
margin-left: 45.83333333%;
}
.acud-col-sm-order-11 {
order: 11;
}
.acud-col-sm-10 {
display: block;
flex: 0 0 41.66666667%;
max-width: 41.66666667%;
}
.acud-col-sm-push-10 {
left: 41.66666667%;
}
.acud-col-sm-pull-10 {
right: 41.66666667%;
}
.acud-col-sm-offset-10 {
margin-left: 41.66666667%;
}
.acud-col-sm-order-10 {
order: 10;
}
.acud-col-sm-9 {
display: block;
flex: 0 0 37.5%;
max-width: 37.5%;
}
.acud-col-sm-push-9 {
left: 37.5%;
}
.acud-col-sm-pull-9 {
right: 37.5%;
}
.acud-col-sm-offset-9 {
margin-left: 37.5%;
}
.acud-col-sm-order-9 {
order: 9;
}
.acud-col-sm-8 {
display: block;
flex: 0 0 33.33333333%;
max-width: 33.33333333%;
}
.acud-col-sm-push-8 {
left: 33.33333333%;
}
.acud-col-sm-pull-8 {
right: 33.33333333%;
}
.acud-col-sm-offset-8 {
margin-left: 33.33333333%;
}
.acud-col-sm-order-8 {
order: 8;
}
.acud-col-sm-7 {
display: block;
flex: 0 0 29.16666667%;
max-width: 29.16666667%;
}
.acud-col-sm-push-7 {
left: 29.16666667%;
}
.acud-col-sm-pull-7 {
right: 29.16666667%;
}
.acud-col-sm-offset-7 {
margin-left: 29.16666667%;
}
.acud-col-sm-order-7 {
order: 7;
}
.acud-col-sm-6 {
display: block;
flex: 0 0 25%;
max-width: 25%;
}
.acud-col-sm-push-6 {
left: 25%;
}
.acud-col-sm-pull-6 {
right: 25%;
}
.acud-col-sm-offset-6 {
margin-left: 25%;
}
.acud-col-sm-order-6 {
order: 6;
}
.acud-col-sm-5 {
display: block;
flex: 0 0 20.83333333%;
max-width: 20.83333333%;
}
.acud-col-sm-push-5 {
left: 20.83333333%;
}
.acud-col-sm-pull-5 {
right: 20.83333333%;
}
.acud-col-sm-offset-5 {
margin-left: 20.83333333%;
}
.acud-col-sm-order-5 {
order: 5;
}
.acud-col-sm-4 {
display: block;
flex: 0 0 16.66666667%;
max-width: 16.66666667%;
}
.acud-col-sm-push-4 {
left: 16.66666667%;
}
.acud-col-sm-pull-4 {
right: 16.66666667%;
}
.acud-col-sm-offset-4 {
margin-left: 16.66666667%;
}
.acud-col-sm-order-4 {
order: 4;
}
.acud-col-sm-3 {
display: block;
flex: 0 0 12.5%;
max-width: 12.5%;
}
.acud-col-sm-push-3 {
left: 12.5%;
}
.acud-col-sm-pull-3 {
right: 12.5%;
}
.acud-col-sm-offset-3 {
margin-left: 12.5%;
}
.acud-col-sm-order-3 {
order: 3;
}
.acud-col-sm-2 {
display: block;
flex: 0 0 8.33333333%;
max-width: 8.33333333%;
}
.acud-col-sm-push-2 {
left: 8.33333333%;
}
.acud-col-sm-pull-2 {
right: 8.33333333%;
}
.acud-col-sm-offset-2 {
margin-left: 8.33333333%;
}
.acud-col-sm-order-2 {
order: 2;
}
.acud-col-sm-1 {
display: block;
flex: 0 0 4.16666667%;
max-width: 4.16666667%;
}
.acud-col-sm-push-1 {
left: 4.16666667%;
}
.acud-col-sm-pull-1 {
right: 4.16666667%;
}
.acud-col-sm-offset-1 {
margin-left: 4.16666667%;
}
.acud-col-sm-order-1 {
order: 1;
}
.acud-col-sm-0 {
display: none;
}
.acud-col-push-0 {
left: auto;
}
.acud-col-pull-0 {
right: auto;
}
.acud-col-sm-push-0 {
left: auto;
}
.acud-col-sm-pull-0 {
right: auto;
}
.acud-col-sm-offset-0 {
margin-left: 0;
}
.acud-col-sm-order-0 {
order: 0;
}
.acud-col-push-0.acud-col-rtl {
right: auto;
}
.acud-col-pull-0.acud-col-rtl {
left: auto;
}
.acud-col-sm-push-0.acud-col-rtl {
right: auto;
}
.acud-col-sm-pull-0.acud-col-rtl {
left: auto;
}
.acud-col-sm-offset-0.acud-col-rtl {
margin-right: 0;
}
.acud-col-sm-push-1.acud-col-rtl {
right: 4.16666667%;
left: auto;
}
.acud-col-sm-pull-1.acud-col-rtl {
right: auto;
left: 4.16666667%;
}
.acud-col-sm-offset-1.acud-col-rtl {
margin-right: 4.16666667%;
margin-left: 0;
}
.acud-col-sm-push-2.acud-col-rtl {
right: 8.33333333%;
left: auto;
}
.acud-col-sm-pull-2.acud-col-rtl {
right: auto;
left: 8.33333333%;
}
.acud-col-sm-offset-2.acud-col-rtl {
margin-right: 8.33333333%;
margin-left: 0;
}
.acud-col-sm-push-3.acud-col-rtl {
right: 12.5%;
left: auto;
}
.acud-col-sm-pull-3.acud-col-rtl {
right: auto;
left: 12.5%;
}
.acud-col-sm-offset-3.acud-col-rtl {
margin-right: 12.5%;
margin-left: 0;
}
.acud-col-sm-push-4.acud-col-rtl {
right: 16.66666667%;
left: auto;
}
.acud-col-sm-pull-4.acud-col-rtl {
right: auto;
left: 16.66666667%;
}
.acud-col-sm-offset-4.acud-col-rtl {
margin-right: 16.66666667%;
margin-left: 0;
}
.acud-col-sm-push-5.acud-col-rtl {
right: 20.83333333%;
left: auto;
}
.acud-col-sm-pull-5.acud-col-rtl {
right: auto;
left: 20.83333333%;
}
.acud-col-sm-offset-5.acud-col-rtl {
margin-right: 20.83333333%;
margin-left: 0;
}
.acud-col-sm-push-6.acud-col-rtl {
right: 25%;
left: auto;
}
.acud-col-sm-pull-6.acud-col-rtl {
right: auto;
left: 25%;
}
.acud-col-sm-offset-6.acud-col-rtl {
margin-right: 25%;
margin-left: 0;
}
.acud-col-sm-push-7.acud-col-rtl {
right: 29.16666667%;
left: auto;
}
.acud-col-sm-pull-7.acud-col-rtl {
right: auto;
left: 29.16666667%;
}
.acud-col-sm-offset-7.acud-col-rtl {
margin-right: 29.16666667%;
margin-left: 0;
}
.acud-col-sm-push-8.acud-col-rtl {
right: 33.33333333%;
left: auto;
}
.acud-col-sm-pull-8.acud-col-rtl {
right: auto;
left: 33.33333333%;
}
.acud-col-sm-offset-8.acud-col-rtl {
margin-right: 33.33333333%;
margin-left: 0;
}
.acud-col-sm-push-9.acud-col-rtl {
right: 37.5%;
left: auto;
}
.acud-col-sm-pull-9.acud-col-rtl {
right: auto;
left: 37.5%;
}
.acud-col-sm-offset-9.acud-col-rtl {
margin-right: 37.5%;
margin-left: 0;
}
.acud-col-sm-push-10.acud-col-rtl {
right: 41.66666667%;
left: auto;
}
.acud-col-sm-pull-10.acud-col-rtl {
right: auto;
left: 41.66666667%;
}
.acud-col-sm-offset-10.acud-col-rtl {
margin-right: 41.66666667%;
margin-left: 0;
}
.acud-col-sm-push-11.acud-col-rtl {
right: 45.83333333%;
left: auto;
}
.acud-col-sm-pull-11.acud-col-rtl {
right: auto;
left: 45.83333333%;
}
.acud-col-sm-offset-11.acud-col-rtl {
margin-right: 45.83333333%;
margin-left: 0;
}
.acud-col-sm-push-12.acud-col-rtl {
right: 50%;
left: auto;
}
.acud-col-sm-pull-12.acud-col-rtl {
right: auto;
left: 50%;
}
.acud-col-sm-offset-12.acud-col-rtl {
margin-right: 50%;
margin-left: 0;
}
.acud-col-sm-push-13.acud-col-rtl {
right: 54.16666667%;
left: auto;
}
.acud-col-sm-pull-13.acud-col-rtl {
right: auto;
left: 54.16666667%;
}
.acud-col-sm-offset-13.acud-col-rtl {
margin-right: 54.16666667%;
margin-left: 0;
}
.acud-col-sm-push-14.acud-col-rtl {
right: 58.33333333%;
left: auto;
}
.acud-col-sm-pull-14.acud-col-rtl {
right: auto;
left: 58.33333333%;
}
.acud-col-sm-offset-14.acud-col-rtl {
margin-right: 58.33333333%;
margin-left: 0;
}
.acud-col-sm-push-15.acud-col-rtl {
right: 62.5%;
left: auto;
}
.acud-col-sm-pull-15.acud-col-rtl {
right: auto;
left: 62.5%;
}
.acud-col-sm-offset-15.acud-col-rtl {
margin-right: 62.5%;
margin-left: 0;
}
.acud-col-sm-push-16.acud-col-rtl {
right: 66.66666667%;
left: auto;
}
.acud-col-sm-pull-16.acud-col-rtl {
right: auto;
left: 66.66666667%;
}
.acud-col-sm-offset-16.acud-col-rtl {
margin-right: 66.66666667%;
margin-left: 0;
}
.acud-col-sm-push-17.acud-col-rtl {
right: 70.83333333%;
left: auto;
}
.acud-col-sm-pull-17.acud-col-rtl {
right: auto;
left: 70.83333333%;
}
.acud-col-sm-offset-17.acud-col-rtl {
margin-right: 70.83333333%;
margin-left: 0;
}
.acud-col-sm-push-18.acud-col-rtl {
right: 75%;
left: auto;
}
.acud-col-sm-pull-18.acud-col-rtl {
right: auto;
left: 75%;
}
.acud-col-sm-offset-18.acud-col-rtl {
margin-right: 75%;
margin-left: 0;
}
.acud-col-sm-push-19.acud-col-rtl {
right: 79.16666667%;
left: auto;
}
.acud-col-sm-pull-19.acud-col-rtl {
right: auto;
left: 79.16666667%;
}
.acud-col-sm-offset-19.acud-col-rtl {
margin-right: 79.16666667%;
margin-left: 0;
}
.acud-col-sm-push-20.acud-col-rtl {
right: 83.33333333%;
left: auto;
}
.acud-col-sm-pull-20.acud-col-rtl {
right: auto;
left: 83.33333333%;
}
.acud-col-sm-offset-20.acud-col-rtl {
margin-right: 83.33333333%;
margin-left: 0;
}
.acud-col-sm-push-21.acud-col-rtl {
right: 87.5%;
left: auto;
}
.acud-col-sm-pull-21.acud-col-rtl {
right: auto;
left: 87.5%;
}
.acud-col-sm-offset-21.acud-col-rtl {
margin-right: 87.5%;
margin-left: 0;
}
.acud-col-sm-push-22.acud-col-rtl {
right: 91.66666667%;
left: auto;
}
.acud-col-sm-pull-22.acud-col-rtl {
right: auto;
left: 91.66666667%;
}
.acud-col-sm-offset-22.acud-col-rtl {
margin-right: 91.66666667%;
margin-left: 0;
}
.acud-col-sm-push-23.acud-col-rtl {
right: 95.83333333%;
left: auto;
}
.acud-col-sm-pull-23.acud-col-rtl {
right: auto;
left: 95.83333333%;
}
.acud-col-sm-offset-23.acud-col-rtl {
margin-right: 95.83333333%;
margin-left: 0;
}
.acud-col-sm-push-24.acud-col-rtl {
right: 100%;
left: auto;
}
.acud-col-sm-pull-24.acud-col-rtl {
right: auto;
left: 100%;
}
.acud-col-sm-offset-24.acud-col-rtl {
margin-right: 100%;
margin-left: 0;
}
}
@media (min-width: 768px) {
.acud-col-md-24 {
display: block;
flex: 0 0 100%;
max-width: 100%;
}
.acud-col-md-push-24 {
left: 100%;
}
.acud-col-md-pull-24 {
right: 100%;
}
.acud-col-md-offset-24 {
margin-left: 100%;
}
.acud-col-md-order-24 {
order: 24;
}
.acud-col-md-23 {
display: block;
flex: 0 0 95.83333333%;
max-width: 95.83333333%;
}
.acud-col-md-push-23 {
left: 95.83333333%;
}
.acud-col-md-pull-23 {
right: 95.83333333%;
}
.acud-col-md-offset-23 {
margin-left: 95.83333333%;
}
.acud-col-md-order-23 {
order: 23;
}
.acud-col-md-22 {
display: block;
flex: 0 0 91.66666667%;
max-width: 91.66666667%;
}
.acud-col-md-push-22 {
left: 91.66666667%;
}
.acud-col-md-pull-22 {
right: 91.66666667%;
}
.acud-col-md-offset-22 {
margin-left: 91.66666667%;
}
.acud-col-md-order-22 {
order: 22;
}
.acud-col-md-21 {
display: block;
flex: 0 0 87.5%;
max-width: 87.5%;
}
.acud-col-md-push-21 {
left: 87.5%;
}
.acud-col-md-pull-21 {
right: 87.5%;
}
.acud-col-md-offset-21 {
margin-left: 87.5%;
}
.acud-col-md-order-21 {
order: 21;
}
.acud-col-md-20 {
display: block;
flex: 0 0 83.33333333%;
max-width: 83.33333333%;
}
.acud-col-md-push-20 {
left: 83.33333333%;
}
.acud-col-md-pull-20 {
right: 83.33333333%;
}
.acud-col-md-offset-20 {
margin-left: 83.33333333%;
}
.acud-col-md-order-20 {
order: 20;
}
.acud-col-md-19 {
display: block;
flex: 0 0 79.16666667%;
max-width: 79.16666667%;
}
.acud-col-md-push-19 {
left: 79.16666667%;
}
.acud-col-md-pull-19 {
right: 79.16666667%;
}
.acud-col-md-offset-19 {
margin-left: 79.16666667%;
}
.acud-col-md-order-19 {
order: 19;
}
.acud-col-md-18 {
display: block;
flex: 0 0 75%;
max-width: 75%;
}
.acud-col-md-push-18 {
left: 75%;
}
.acud-col-md-pull-18 {
right: 75%;
}
.acud-col-md-offset-18 {
margin-left: 75%;
}
.acud-col-md-order-18 {
order: 18;
}
.acud-col-md-17 {
display: block;
flex: 0 0 70.83333333%;
max-width: 70.83333333%;
}
.acud-col-md-push-17 {
left: 70.83333333%;
}
.acud-col-md-pull-17 {
right: 70.83333333%;
}
.acud-col-md-offset-17 {
margin-left: 70.83333333%;
}
.acud-col-md-order-17 {
order: 17;
}
.acud-col-md-16 {
display: block;
flex: 0 0 66.66666667%;
max-width: 66.66666667%;
}
.acud-col-md-push-16 {
left: 66.66666667%;
}
.acud-col-md-pull-16 {
right: 66.66666667%;
}
.acud-col-md-offset-16 {
margin-left: 66.66666667%;
}
.acud-col-md-order-16 {
order: 16;
}
.acud-col-md-15 {
display: block;
flex: 0 0 62.5%;
max-width: 62.5%;
}
.acud-col-md-push-15 {
left: 62.5%;
}
.acud-col-md-pull-15 {
right: 62.5%;
}
.acud-col-md-offset-15 {
margin-left: 62.5%;
}
.acud-col-md-order-15 {
order: 15;
}
.acud-col-md-14 {
display: block;
flex: 0 0 58.33333333%;
max-width: 58.33333333%;
}
.acud-col-md-push-14 {
left: 58.33333333%;
}
.acud-col-md-pull-14 {
right: 58.33333333%;
}
.acud-col-md-offset-14 {
margin-left: 58.33333333%;
}
.acud-col-md-order-14 {
order: 14;
}
.acud-col-md-13 {
display: block;
flex: 0 0 54.16666667%;
max-width: 54.16666667%;
}
.acud-col-md-push-13 {
left: 54.16666667%;
}
.acud-col-md-pull-13 {
right: 54.16666667%;
}
.acud-col-md-offset-13 {
margin-left: 54.16666667%;
}
.acud-col-md-order-13 {
order: 13;
}
.acud-col-md-12 {
display: block;
flex: 0 0 50%;
max-width: 50%;
}
.acud-col-md-push-12 {
left: 50%;
}
.acud-col-md-pull-12 {
right: 50%;
}
.acud-col-md-offset-12 {
margin-left: 50%;
}
.acud-col-md-order-12 {
order: 12;
}
.acud-col-md-11 {
display: block;
flex: 0 0 45.83333333%;
max-width: 45.83333333%;
}
.acud-col-md-push-11 {
left: 45.83333333%;
}
.acud-col-md-pull-11 {
right: 45.83333333%;
}
.acud-col-md-offset-11 {
margin-left: 45.83333333%;
}
.acud-col-md-order-11 {
order: 11;
}
.acud-col-md-10 {
display: block;
flex: 0 0 41.66666667%;
max-width: 41.66666667%;
}
.acud-col-md-push-10 {
left: 41.66666667%;
}
.acud-col-md-pull-10 {
right: 41.66666667%;
}
.acud-col-md-offset-10 {
margin-left: 41.66666667%;
}
.acud-col-md-order-10 {
order: 10;
}
.acud-col-md-9 {
display: block;
flex: 0 0 37.5%;
max-width: 37.5%;
}
.acud-col-md-push-9 {
left: 37.5%;
}
.acud-col-md-pull-9 {
right: 37.5%;
}
.acud-col-md-offset-9 {
margin-left: 37.5%;
}
.acud-col-md-order-9 {
order: 9;
}
.acud-col-md-8 {
display: block;
flex: 0 0 33.33333333%;
max-width: 33.33333333%;
}
.acud-col-md-push-8 {
left: 33.33333333%;
}
.acud-col-md-pull-8 {
right: 33.33333333%;
}
.acud-col-md-offset-8 {
margin-left: 33.33333333%;
}
.acud-col-md-order-8 {
order: 8;
}
.acud-col-md-7 {
display: block;
flex: 0 0 29.16666667%;
max-width: 29.16666667%;
}
.acud-col-md-push-7 {
left: 29.16666667%;
}
.acud-col-md-pull-7 {
right: 29.16666667%;
}
.acud-col-md-offset-7 {
margin-left: 29.16666667%;
}
.acud-col-md-order-7 {
order: 7;
}
.acud-col-md-6 {
display: block;
flex: 0 0 25%;
max-width: 25%;
}
.acud-col-md-push-6 {
left: 25%;
}
.acud-col-md-pull-6 {
right: 25%;
}
.acud-col-md-offset-6 {
margin-left: 25%;
}
.acud-col-md-order-6 {
order: 6;
}
.acud-col-md-5 {
display: block;
flex: 0 0 20.83333333%;
max-width: 20.83333333%;
}
.acud-col-md-push-5 {
left: 20.83333333%;
}
.acud-col-md-pull-5 {
right: 20.83333333%;
}
.acud-col-md-offset-5 {
margin-left: 20.83333333%;
}
.acud-col-md-order-5 {
order: 5;
}
.acud-col-md-4 {
display: block;
flex: 0 0 16.66666667%;
max-width: 16.66666667%;
}
.acud-col-md-push-4 {
left: 16.66666667%;
}
.acud-col-md-pull-4 {
right: 16.66666667%;
}
.acud-col-md-offset-4 {
margin-left: 16.66666667%;
}
.acud-col-md-order-4 {
order: 4;
}
.acud-col-md-3 {
display: block;
flex: 0 0 12.5%;
max-width: 12.5%;
}
.acud-col-md-push-3 {
left: 12.5%;
}
.acud-col-md-pull-3 {
right: 12.5%;
}
.acud-col-md-offset-3 {
margin-left: 12.5%;
}
.acud-col-md-order-3 {
order: 3;
}
.acud-col-md-2 {
display: block;
flex: 0 0 8.33333333%;
max-width: 8.33333333%;
}
.acud-col-md-push-2 {
left: 8.33333333%;
}
.acud-col-md-pull-2 {
right: 8.33333333%;
}
.acud-col-md-offset-2 {
margin-left: 8.33333333%;
}
.acud-col-md-order-2 {
order: 2;
}
.acud-col-md-1 {
display: block;
flex: 0 0 4.16666667%;
max-width: 4.16666667%;
}
.acud-col-md-push-1 {
left: 4.16666667%;
}
.acud-col-md-pull-1 {
right: 4.16666667%;
}
.acud-col-md-offset-1 {
margin-left: 4.16666667%;
}
.acud-col-md-order-1 {
order: 1;
}
.acud-col-md-0 {
display: none;
}
.acud-col-push-0 {
left: auto;
}
.acud-col-pull-0 {
right: auto;
}
.acud-col-md-push-0 {
left: auto;
}
.acud-col-md-pull-0 {
right: auto;
}
.acud-col-md-offset-0 {
margin-left: 0;
}
.acud-col-md-order-0 {
order: 0;
}
.acud-col-push-0.acud-col-rtl {
right: auto;
}
.acud-col-pull-0.acud-col-rtl {
left: auto;
}
.acud-col-md-push-0.acud-col-rtl {
right: auto;
}
.acud-col-md-pull-0.acud-col-rtl {
left: auto;
}
.acud-col-md-offset-0.acud-col-rtl {
margin-right: 0;
}
.acud-col-md-push-1.acud-col-rtl {
right: 4.16666667%;
left: auto;
}
.acud-col-md-pull-1.acud-col-rtl {
right: auto;
left: 4.16666667%;
}
.acud-col-md-offset-1.acud-col-rtl {
margin-right: 4.16666667%;
margin-left: 0;
}
.acud-col-md-push-2.acud-col-rtl {
right: 8.33333333%;
left: auto;
}
.acud-col-md-pull-2.acud-col-rtl {
right: auto;
left: 8.33333333%;
}
.acud-col-md-offset-2.acud-col-rtl {
margin-right: 8.33333333%;
margin-left: 0;
}
.acud-col-md-push-3.acud-col-rtl {
right: 12.5%;
left: auto;
}
.acud-col-md-pull-3.acud-col-rtl {
right: auto;
left: 12.5%;
}
.acud-col-md-offset-3.acud-col-rtl {
margin-right: 12.5%;
margin-left: 0;
}
.acud-col-md-push-4.acud-col-rtl {
right: 16.66666667%;
left: auto;
}
.acud-col-md-pull-4.acud-col-rtl {
right: auto;
left: 16.66666667%;
}
.acud-col-md-offset-4.acud-col-rtl {
margin-right: 16.66666667%;
margin-left: 0;
}
.acud-col-md-push-5.acud-col-rtl {
right: 20.83333333%;
left: auto;
}
.acud-col-md-pull-5.acud-col-rtl {
right: auto;
left: 20.83333333%;
}
.acud-col-md-offset-5.acud-col-rtl {
margin-right: 20.83333333%;
margin-left: 0;
}
.acud-col-md-push-6.acud-col-rtl {
right: 25%;
left: auto;
}
.acud-col-md-pull-6.acud-col-rtl {
right: auto;
left: 25%;
}
.acud-col-md-offset-6.acud-col-rtl {
margin-right: 25%;
margin-left: 0;
}
.acud-col-md-push-7.acud-col-rtl {
right: 29.16666667%;
left: auto;
}
.acud-col-md-pull-7.acud-col-rtl {
right: auto;
left: 29.16666667%;
}
.acud-col-md-offset-7.acud-col-rtl {
margin-right: 29.16666667%;
margin-left: 0;
}
.acud-col-md-push-8.acud-col-rtl {
right: 33.33333333%;
left: auto;
}
.acud-col-md-pull-8.acud-col-rtl {
right: auto;
left: 33.33333333%;
}
.acud-col-md-offset-8.acud-col-rtl {
margin-right: 33.33333333%;
margin-left: 0;
}
.acud-col-md-push-9.acud-col-rtl {
right: 37.5%;
left: auto;
}
.acud-col-md-pull-9.acud-col-rtl {
right: auto;
left: 37.5%;
}
.acud-col-md-offset-9.acud-col-rtl {
margin-right: 37.5%;
margin-left: 0;
}
.acud-col-md-push-10.acud-col-rtl {
right: 41.66666667%;
left: auto;
}
.acud-col-md-pull-10.acud-col-rtl {
right: auto;
left: 41.66666667%;
}
.acud-col-md-offset-10.acud-col-rtl {
margin-right: 41.66666667%;
margin-left: 0;
}
.acud-col-md-push-11.acud-col-rtl {
right: 45.83333333%;
left: auto;
}
.acud-col-md-pull-11.acud-col-rtl {
right: auto;
left: 45.83333333%;
}
.acud-col-md-offset-11.acud-col-rtl {
margin-right: 45.83333333%;
margin-left: 0;
}
.acud-col-md-push-12.acud-col-rtl {
right: 50%;
left: auto;
}
.acud-col-md-pull-12.acud-col-rtl {
right: auto;
left: 50%;
}
.acud-col-md-offset-12.acud-col-rtl {
margin-right: 50%;
margin-left: 0;
}
.acud-col-md-push-13.acud-col-rtl {
right: 54.16666667%;
left: auto;
}
.acud-col-md-pull-13.acud-col-rtl {
right: auto;
left: 54.16666667%;
}
.acud-col-md-offset-13.acud-col-rtl {
margin-right: 54.16666667%;
margin-left: 0;
}
.acud-col-md-push-14.acud-col-rtl {
right: 58.33333333%;
left: auto;
}
.acud-col-md-pull-14.acud-col-rtl {
right: auto;
left: 58.33333333%;
}
.acud-col-md-offset-14.acud-col-rtl {
margin-right: 58.33333333%;
margin-left: 0;
}
.acud-col-md-push-15.acud-col-rtl {
right: 62.5%;
left: auto;
}
.acud-col-md-pull-15.acud-col-rtl {
right: auto;
left: 62.5%;
}
.acud-col-md-offset-15.acud-col-rtl {
margin-right: 62.5%;
margin-left: 0;
}
.acud-col-md-push-16.acud-col-rtl {
right: 66.66666667%;
left: auto;
}
.acud-col-md-pull-16.acud-col-rtl {
right: auto;
left: 66.66666667%;
}
.acud-col-md-offset-16.acud-col-rtl {
margin-right: 66.66666667%;
margin-left: 0;
}
.acud-col-md-push-17.acud-col-rtl {
right: 70.83333333%;
left: auto;
}
.acud-col-md-pull-17.acud-col-rtl {
right: auto;
left: 70.83333333%;
}
.acud-col-md-offset-17.acud-col-rtl {
margin-right: 70.83333333%;
margin-left: 0;
}
.acud-col-md-push-18.acud-col-rtl {
right: 75%;
left: auto;
}
.acud-col-md-pull-18.acud-col-rtl {
right: auto;
left: 75%;
}
.acud-col-md-offset-18.acud-col-rtl {
margin-right: 75%;
margin-left: 0;
}
.acud-col-md-push-19.acud-col-rtl {
right: 79.16666667%;
left: auto;
}
.acud-col-md-pull-19.acud-col-rtl {
right: auto;
left: 79.16666667%;
}
.acud-col-md-offset-19.acud-col-rtl {
margin-right: 79.16666667%;
margin-left: 0;
}
.acud-col-md-push-20.acud-col-rtl {
right: 83.33333333%;
left: auto;
}
.acud-col-md-pull-20.acud-col-rtl {
right: auto;
left: 83.33333333%;
}
.acud-col-md-offset-20.acud-col-rtl {
margin-right: 83.33333333%;
margin-left: 0;
}
.acud-col-md-push-21.acud-col-rtl {
right: 87.5%;
left: auto;
}
.acud-col-md-pull-21.acud-col-rtl {
right: auto;
left: 87.5%;
}
.acud-col-md-offset-21.acud-col-rtl {
margin-right: 87.5%;
margin-left: 0;
}
.acud-col-md-push-22.acud-col-rtl {
right: 91.66666667%;
left: auto;
}
.acud-col-md-pull-22.acud-col-rtl {
right: auto;
left: 91.66666667%;
}
.acud-col-md-offset-22.acud-col-rtl {
margin-right: 91.66666667%;
margin-left: 0;
}
.acud-col-md-push-23.acud-col-rtl {
right: 95.83333333%;
left: auto;
}
.acud-col-md-pull-23.acud-col-rtl {
right: auto;
left: 95.83333333%;
}
.acud-col-md-offset-23.acud-col-rtl {
margin-right: 95.83333333%;
margin-left: 0;
}
.acud-col-md-push-24.acud-col-rtl {
right: 100%;
left: auto;
}
.acud-col-md-pull-24.acud-col-rtl {
right: auto;
left: 100%;
}
.acud-col-md-offset-24.acud-col-rtl {
margin-right: 100%;
margin-left: 0;
}
}
@media (min-width: 992px) {
.acud-col-lg-24 {
display: block;
flex: 0 0 100%;
max-width: 100%;
}
.acud-col-lg-push-24 {
left: 100%;
}
.acud-col-lg-pull-24 {
right: 100%;
}
.acud-col-lg-offset-24 {
margin-left: 100%;
}
.acud-col-lg-order-24 {
order: 24;
}
.acud-col-lg-23 {
display: block;
flex: 0 0 95.83333333%;
max-width: 95.83333333%;
}
.acud-col-lg-push-23 {
left: 95.83333333%;
}
.acud-col-lg-pull-23 {
right: 95.83333333%;
}
.acud-col-lg-offset-23 {
margin-left: 95.83333333%;
}
.acud-col-lg-order-23 {
order: 23;
}
.acud-col-lg-22 {
display: block;
flex: 0 0 91.66666667%;
max-width: 91.66666667%;
}
.acud-col-lg-push-22 {
left: 91.66666667%;
}
.acud-col-lg-pull-22 {
right: 91.66666667%;
}
.acud-col-lg-offset-22 {
margin-left: 91.66666667%;
}
.acud-col-lg-order-22 {
order: 22;
}
.acud-col-lg-21 {
display: block;
flex: 0 0 87.5%;
max-width: 87.5%;
}
.acud-col-lg-push-21 {
left: 87.5%;
}
.acud-col-lg-pull-21 {
right: 87.5%;
}
.acud-col-lg-offset-21 {
margin-left: 87.5%;
}
.acud-col-lg-order-21 {
order: 21;
}
.acud-col-lg-20 {
display: block;
flex: 0 0 83.33333333%;
max-width: 83.33333333%;
}
.acud-col-lg-push-20 {
left: 83.33333333%;
}
.acud-col-lg-pull-20 {
right: 83.33333333%;
}
.acud-col-lg-offset-20 {
margin-left: 83.33333333%;
}
.acud-col-lg-order-20 {
order: 20;
}
.acud-col-lg-19 {
display: block;
flex: 0 0 79.16666667%;
max-width: 79.16666667%;
}
.acud-col-lg-push-19 {
left: 79.16666667%;
}
.acud-col-lg-pull-19 {
right: 79.16666667%;
}
.acud-col-lg-offset-19 {
margin-left: 79.16666667%;
}
.acud-col-lg-order-19 {
order: 19;
}
.acud-col-lg-18 {
display: block;
flex: 0 0 75%;
max-width: 75%;
}
.acud-col-lg-push-18 {
left: 75%;
}
.acud-col-lg-pull-18 {
right: 75%;
}
.acud-col-lg-offset-18 {
margin-left: 75%;
}
.acud-col-lg-order-18 {
order: 18;
}
.acud-col-lg-17 {
display: block;
flex: 0 0 70.83333333%;
max-width: 70.83333333%;
}
.acud-col-lg-push-17 {
left: 70.83333333%;
}
.acud-col-lg-pull-17 {
right: 70.83333333%;
}
.acud-col-lg-offset-17 {
margin-left: 70.83333333%;
}
.acud-col-lg-order-17 {
order: 17;
}
.acud-col-lg-16 {
display: block;
flex: 0 0 66.66666667%;
max-width: 66.66666667%;
}
.acud-col-lg-push-16 {
left: 66.66666667%;
}
.acud-col-lg-pull-16 {
right: 66.66666667%;
}
.acud-col-lg-offset-16 {
margin-left: 66.66666667%;
}
.acud-col-lg-order-16 {
order: 16;
}
.acud-col-lg-15 {
display: block;
flex: 0 0 62.5%;
max-width: 62.5%;
}
.acud-col-lg-push-15 {
left: 62.5%;
}
.acud-col-lg-pull-15 {
right: 62.5%;
}
.acud-col-lg-offset-15 {
margin-left: 62.5%;
}
.acud-col-lg-order-15 {
order: 15;
}
.acud-col-lg-14 {
display: block;
flex: 0 0 58.33333333%;
max-width: 58.33333333%;
}
.acud-col-lg-push-14 {
left: 58.33333333%;
}
.acud-col-lg-pull-14 {
right: 58.33333333%;
}
.acud-col-lg-offset-14 {
margin-left: 58.33333333%;
}
.acud-col-lg-order-14 {
order: 14;
}
.acud-col-lg-13 {
display: block;
flex: 0 0 54.16666667%;
max-width: 54.16666667%;
}
.acud-col-lg-push-13 {
left: 54.16666667%;
}
.acud-col-lg-pull-13 {
right: 54.16666667%;
}
.acud-col-lg-offset-13 {
margin-left: 54.16666667%;
}
.acud-col-lg-order-13 {
order: 13;
}
.acud-col-lg-12 {
display: block;
flex: 0 0 50%;
max-width: 50%;
}
.acud-col-lg-push-12 {
left: 50%;
}
.acud-col-lg-pull-12 {
right: 50%;
}
.acud-col-lg-offset-12 {
margin-left: 50%;
}
.acud-col-lg-order-12 {
order: 12;
}
.acud-col-lg-11 {
display: block;
flex: 0 0 45.83333333%;
max-width: 45.83333333%;
}
.acud-col-lg-push-11 {
left: 45.83333333%;
}
.acud-col-lg-pull-11 {
right: 45.83333333%;
}
.acud-col-lg-offset-11 {
margin-left: 45.83333333%;
}
.acud-col-lg-order-11 {
order: 11;
}
.acud-col-lg-10 {
display: block;
flex: 0 0 41.66666667%;
max-width: 41.66666667%;
}
.acud-col-lg-push-10 {
left: 41.66666667%;
}
.acud-col-lg-pull-10 {
right: 41.66666667%;
}
.acud-col-lg-offset-10 {
margin-left: 41.66666667%;
}
.acud-col-lg-order-10 {
order: 10;
}
.acud-col-lg-9 {
display: block;
flex: 0 0 37.5%;
max-width: 37.5%;
}
.acud-col-lg-push-9 {
left: 37.5%;
}
.acud-col-lg-pull-9 {
right: 37.5%;
}
.acud-col-lg-offset-9 {
margin-left: 37.5%;
}
.acud-col-lg-order-9 {
order: 9;
}
.acud-col-lg-8 {
display: block;
flex: 0 0 33.33333333%;
max-width: 33.33333333%;
}
.acud-col-lg-push-8 {
left: 33.33333333%;
}
.acud-col-lg-pull-8 {
right: 33.33333333%;
}
.acud-col-lg-offset-8 {
margin-left: 33.33333333%;
}
.acud-col-lg-order-8 {
order: 8;
}
.acud-col-lg-7 {
display: block;
flex: 0 0 29.16666667%;
max-width: 29.16666667%;
}
.acud-col-lg-push-7 {
left: 29.16666667%;
}
.acud-col-lg-pull-7 {
right: 29.16666667%;
}
.acud-col-lg-offset-7 {
margin-left: 29.16666667%;
}
.acud-col-lg-order-7 {
order: 7;
}
.acud-col-lg-6 {
display: block;
flex: 0 0 25%;
max-width: 25%;
}
.acud-col-lg-push-6 {
left: 25%;
}
.acud-col-lg-pull-6 {
right: 25%;
}
.acud-col-lg-offset-6 {
margin-left: 25%;
}
.acud-col-lg-order-6 {
order: 6;
}
.acud-col-lg-5 {
display: block;
flex: 0 0 20.83333333%;
max-width: 20.83333333%;
}
.acud-col-lg-push-5 {
left: 20.83333333%;
}
.acud-col-lg-pull-5 {
right: 20.83333333%;
}
.acud-col-lg-offset-5 {
margin-left: 20.83333333%;
}
.acud-col-lg-order-5 {
order: 5;
}
.acud-col-lg-4 {
display: block;
flex: 0 0 16.66666667%;
max-width: 16.66666667%;
}
.acud-col-lg-push-4 {
left: 16.66666667%;
}
.acud-col-lg-pull-4 {
right: 16.66666667%;
}
.acud-col-lg-offset-4 {
margin-left: 16.66666667%;
}
.acud-col-lg-order-4 {
order: 4;
}
.acud-col-lg-3 {
display: block;
flex: 0 0 12.5%;
max-width: 12.5%;
}
.acud-col-lg-push-3 {
left: 12.5%;
}
.acud-col-lg-pull-3 {
right: 12.5%;
}
.acud-col-lg-offset-3 {
margin-left: 12.5%;
}
.acud-col-lg-order-3 {
order: 3;
}
.acud-col-lg-2 {
display: block;
flex: 0 0 8.33333333%;
max-width: 8.33333333%;
}
.acud-col-lg-push-2 {
left: 8.33333333%;
}
.acud-col-lg-pull-2 {
right: 8.33333333%;
}
.acud-col-lg-offset-2 {
margin-left: 8.33333333%;
}
.acud-col-lg-order-2 {
order: 2;
}
.acud-col-lg-1 {
display: block;
flex: 0 0 4.16666667%;
max-width: 4.16666667%;
}
.acud-col-lg-push-1 {
left: 4.16666667%;
}
.acud-col-lg-pull-1 {
right: 4.16666667%;
}
.acud-col-lg-offset-1 {
margin-left: 4.16666667%;
}
.acud-col-lg-order-1 {
order: 1;
}
.acud-col-lg-0 {
display: none;
}
.acud-col-push-0 {
left: auto;
}
.acud-col-pull-0 {
right: auto;
}
.acud-col-lg-push-0 {
left: auto;
}
.acud-col-lg-pull-0 {
right: auto;
}
.acud-col-lg-offset-0 {
margin-left: 0;
}
.acud-col-lg-order-0 {
order: 0;
}
.acud-col-push-0.acud-col-rtl {
right: auto;
}
.acud-col-pull-0.acud-col-rtl {
left: auto;
}
.acud-col-lg-push-0.acud-col-rtl {
right: auto;
}
.acud-col-lg-pull-0.acud-col-rtl {
left: auto;
}
.acud-col-lg-offset-0.acud-col-rtl {
margin-right: 0;
}
.acud-col-lg-push-1.acud-col-rtl {
right: 4.16666667%;
left: auto;
}
.acud-col-lg-pull-1.acud-col-rtl {
right: auto;
left: 4.16666667%;
}
.acud-col-lg-offset-1.acud-col-rtl {
margin-right: 4.16666667%;
margin-left: 0;
}
.acud-col-lg-push-2.acud-col-rtl {
right: 8.33333333%;
left: auto;
}
.acud-col-lg-pull-2.acud-col-rtl {
right: auto;
left: 8.33333333%;
}
.acud-col-lg-offset-2.acud-col-rtl {
margin-right: 8.33333333%;
margin-left: 0;
}
.acud-col-lg-push-3.acud-col-rtl {
right: 12.5%;
left: auto;
}
.acud-col-lg-pull-3.acud-col-rtl {
right: auto;
left: 12.5%;
}
.acud-col-lg-offset-3.acud-col-rtl {
margin-right: 12.5%;
margin-left: 0;
}
.acud-col-lg-push-4.acud-col-rtl {
right: 16.66666667%;
left: auto;
}
.acud-col-lg-pull-4.acud-col-rtl {
right: auto;
left: 16.66666667%;
}
.acud-col-lg-offset-4.acud-col-rtl {
margin-right: 16.66666667%;
margin-left: 0;
}
.acud-col-lg-push-5.acud-col-rtl {
right: 20.83333333%;
left: auto;
}
.acud-col-lg-pull-5.acud-col-rtl {
right: auto;
left: 20.83333333%;
}
.acud-col-lg-offset-5.acud-col-rtl {
margin-right: 20.83333333%;
margin-left: 0;
}
.acud-col-lg-push-6.acud-col-rtl {
right: 25%;
left: auto;
}
.acud-col-lg-pull-6.acud-col-rtl {
right: auto;
left: 25%;
}
.acud-col-lg-offset-6.acud-col-rtl {
margin-right: 25%;
margin-left: 0;
}
.acud-col-lg-push-7.acud-col-rtl {
right: 29.16666667%;
left: auto;
}
.acud-col-lg-pull-7.acud-col-rtl {
right: auto;
left: 29.16666667%;
}
.acud-col-lg-offset-7.acud-col-rtl {
margin-right: 29.16666667%;
margin-left: 0;
}
.acud-col-lg-push-8.acud-col-rtl {
right: 33.33333333%;
left: auto;
}
.acud-col-lg-pull-8.acud-col-rtl {
right: auto;
left: 33.33333333%;
}
.acud-col-lg-offset-8.acud-col-rtl {
margin-right: 33.33333333%;
margin-left: 0;
}
.acud-col-lg-push-9.acud-col-rtl {
right: 37.5%;
left: auto;
}
.acud-col-lg-pull-9.acud-col-rtl {
right: auto;
left: 37.5%;
}
.acud-col-lg-offset-9.acud-col-rtl {
margin-right: 37.5%;
margin-left: 0;
}
.acud-col-lg-push-10.acud-col-rtl {
right: 41.66666667%;
left: auto;
}
.acud-col-lg-pull-10.acud-col-rtl {
right: auto;
left: 41.66666667%;
}
.acud-col-lg-offset-10.acud-col-rtl {
margin-right: 41.66666667%;
margin-left: 0;
}
.acud-col-lg-push-11.acud-col-rtl {
right: 45.83333333%;
left: auto;
}
.acud-col-lg-pull-11.acud-col-rtl {
right: auto;
left: 45.83333333%;
}
.acud-col-lg-offset-11.acud-col-rtl {
margin-right: 45.83333333%;
margin-left: 0;
}
.acud-col-lg-push-12.acud-col-rtl {
right: 50%;
left: auto;
}
.acud-col-lg-pull-12.acud-col-rtl {
right: auto;
left: 50%;
}
.acud-col-lg-offset-12.acud-col-rtl {
margin-right: 50%;
margin-left: 0;
}
.acud-col-lg-push-13.acud-col-rtl {
right: 54.16666667%;
left: auto;
}
.acud-col-lg-pull-13.acud-col-rtl {
right: auto;
left: 54.16666667%;
}
.acud-col-lg-offset-13.acud-col-rtl {
margin-right: 54.16666667%;
margin-left: 0;
}
.acud-col-lg-push-14.acud-col-rtl {
right: 58.33333333%;
left: auto;
}
.acud-col-lg-pull-14.acud-col-rtl {
right: auto;
left: 58.33333333%;
}
.acud-col-lg-offset-14.acud-col-rtl {
margin-right: 58.33333333%;
margin-left: 0;
}
.acud-col-lg-push-15.acud-col-rtl {
right: 62.5%;
left: auto;
}
.acud-col-lg-pull-15.acud-col-rtl {
right: auto;
left: 62.5%;
}
.acud-col-lg-offset-15.acud-col-rtl {
margin-right: 62.5%;
margin-left: 0;
}
.acud-col-lg-push-16.acud-col-rtl {
right: 66.66666667%;
left: auto;
}
.acud-col-lg-pull-16.acud-col-rtl {
right: auto;
left: 66.66666667%;
}
.acud-col-lg-offset-16.acud-col-rtl {
margin-right: 66.66666667%;
margin-left: 0;
}
.acud-col-lg-push-17.acud-col-rtl {
right: 70.83333333%;
left: auto;
}
.acud-col-lg-pull-17.acud-col-rtl {
right: auto;
left: 70.83333333%;
}
.acud-col-lg-offset-17.acud-col-rtl {
margin-right: 70.83333333%;
margin-left: 0;
}
.acud-col-lg-push-18.acud-col-rtl {
right: 75%;
left: auto;
}
.acud-col-lg-pull-18.acud-col-rtl {
right: auto;
left: 75%;
}
.acud-col-lg-offset-18.acud-col-rtl {
margin-right: 75%;
margin-left: 0;
}
.acud-col-lg-push-19.acud-col-rtl {
right: 79.16666667%;
left: auto;
}
.acud-col-lg-pull-19.acud-col-rtl {
right: auto;
left: 79.16666667%;
}
.acud-col-lg-offset-19.acud-col-rtl {
margin-right: 79.16666667%;
margin-left: 0;
}
.acud-col-lg-push-20.acud-col-rtl {
right: 83.33333333%;
left: auto;
}
.acud-col-lg-pull-20.acud-col-rtl {
right: auto;
left: 83.33333333%;
}
.acud-col-lg-offset-20.acud-col-rtl {
margin-right: 83.33333333%;
margin-left: 0;
}
.acud-col-lg-push-21.acud-col-rtl {
right: 87.5%;
left: auto;
}
.acud-col-lg-pull-21.acud-col-rtl {
right: auto;
left: 87.5%;
}
.acud-col-lg-offset-21.acud-col-rtl {
margin-right: 87.5%;
margin-left: 0;
}
.acud-col-lg-push-22.acud-col-rtl {
right: 91.66666667%;
left: auto;
}
.acud-col-lg-pull-22.acud-col-rtl {
right: auto;
left: 91.66666667%;
}
.acud-col-lg-offset-22.acud-col-rtl {
margin-right: 91.66666667%;
margin-left: 0;
}
.acud-col-lg-push-23.acud-col-rtl {
right: 95.83333333%;
left: auto;
}
.acud-col-lg-pull-23.acud-col-rtl {
right: auto;
left: 95.83333333%;
}
.acud-col-lg-offset-23.acud-col-rtl {
margin-right: 95.83333333%;
margin-left: 0;
}
.acud-col-lg-push-24.acud-col-rtl {
right: 100%;
left: auto;
}
.acud-col-lg-pull-24.acud-col-rtl {
right: auto;
left: 100%;
}
.acud-col-lg-offset-24.acud-col-rtl {
margin-right: 100%;
margin-left: 0;
}
}
@media (min-width: 1200px) {
.acud-col-xl-24 {
display: block;
flex: 0 0 100%;
max-width: 100%;
}
.acud-col-xl-push-24 {
left: 100%;
}
.acud-col-xl-pull-24 {
right: 100%;
}
.acud-col-xl-offset-24 {
margin-left: 100%;
}
.acud-col-xl-order-24 {
order: 24;
}
.acud-col-xl-23 {
display: block;
flex: 0 0 95.83333333%;
max-width: 95.83333333%;
}
.acud-col-xl-push-23 {
left: 95.83333333%;
}
.acud-col-xl-pull-23 {
right: 95.83333333%;
}
.acud-col-xl-offset-23 {
margin-left: 95.83333333%;
}
.acud-col-xl-order-23 {
order: 23;
}
.acud-col-xl-22 {
display: block;
flex: 0 0 91.66666667%;
max-width: 91.66666667%;
}
.acud-col-xl-push-22 {
left: 91.66666667%;
}
.acud-col-xl-pull-22 {
right: 91.66666667%;
}
.acud-col-xl-offset-22 {
margin-left: 91.66666667%;
}
.acud-col-xl-order-22 {
order: 22;
}
.acud-col-xl-21 {
display: block;
flex: 0 0 87.5%;
max-width: 87.5%;
}
.acud-col-xl-push-21 {
left: 87.5%;
}
.acud-col-xl-pull-21 {
right: 87.5%;
}
.acud-col-xl-offset-21 {
margin-left: 87.5%;
}
.acud-col-xl-order-21 {
order: 21;
}
.acud-col-xl-20 {
display: block;
flex: 0 0 83.33333333%;
max-width: 83.33333333%;
}
.acud-col-xl-push-20 {
left: 83.33333333%;
}
.acud-col-xl-pull-20 {
right: 83.33333333%;
}
.acud-col-xl-offset-20 {
margin-left: 83.33333333%;
}
.acud-col-xl-order-20 {
order: 20;
}
.acud-col-xl-19 {
display: block;
flex: 0 0 79.16666667%;
max-width: 79.16666667%;
}
.acud-col-xl-push-19 {
left: 79.16666667%;
}
.acud-col-xl-pull-19 {
right: 79.16666667%;
}
.acud-col-xl-offset-19 {
margin-left: 79.16666667%;
}
.acud-col-xl-order-19 {
order: 19;
}
.acud-col-xl-18 {
display: block;
flex: 0 0 75%;
max-width: 75%;
}
.acud-col-xl-push-18 {
left: 75%;
}
.acud-col-xl-pull-18 {
right: 75%;
}
.acud-col-xl-offset-18 {
margin-left: 75%;
}
.acud-col-xl-order-18 {
order: 18;
}
.acud-col-xl-17 {
display: block;
flex: 0 0 70.83333333%;
max-width: 70.83333333%;
}
.acud-col-xl-push-17 {
left: 70.83333333%;
}
.acud-col-xl-pull-17 {
right: 70.83333333%;
}
.acud-col-xl-offset-17 {
margin-left: 70.83333333%;
}
.acud-col-xl-order-17 {
order: 17;
}
.acud-col-xl-16 {
display: block;
flex: 0 0 66.66666667%;
max-width: 66.66666667%;
}
.acud-col-xl-push-16 {
left: 66.66666667%;
}
.acud-col-xl-pull-16 {
right: 66.66666667%;
}
.acud-col-xl-offset-16 {
margin-left: 66.66666667%;
}
.acud-col-xl-order-16 {
order: 16;
}
.acud-col-xl-15 {
display: block;
flex: 0 0 62.5%;
max-width: 62.5%;
}
.acud-col-xl-push-15 {
left: 62.5%;
}
.acud-col-xl-pull-15 {
right: 62.5%;
}
.acud-col-xl-offset-15 {
margin-left: 62.5%;
}
.acud-col-xl-order-15 {
order: 15;
}
.acud-col-xl-14 {
display: block;
flex: 0 0 58.33333333%;
max-width: 58.33333333%;
}
.acud-col-xl-push-14 {
left: 58.33333333%;
}
.acud-col-xl-pull-14 {
right: 58.33333333%;
}
.acud-col-xl-offset-14 {
margin-left: 58.33333333%;
}
.acud-col-xl-order-14 {
order: 14;
}
.acud-col-xl-13 {
display: block;
flex: 0 0 54.16666667%;
max-width: 54.16666667%;
}
.acud-col-xl-push-13 {
left: 54.16666667%;
}
.acud-col-xl-pull-13 {
right: 54.16666667%;
}
.acud-col-xl-offset-13 {
margin-left: 54.16666667%;
}
.acud-col-xl-order-13 {
order: 13;
}
.acud-col-xl-12 {
display: block;
flex: 0 0 50%;
max-width: 50%;
}
.acud-col-xl-push-12 {
left: 50%;
}
.acud-col-xl-pull-12 {
right: 50%;
}
.acud-col-xl-offset-12 {
margin-left: 50%;
}
.acud-col-xl-order-12 {
order: 12;
}
.acud-col-xl-11 {
display: block;
flex: 0 0 45.83333333%;
max-width: 45.83333333%;
}
.acud-col-xl-push-11 {
left: 45.83333333%;
}
.acud-col-xl-pull-11 {
right: 45.83333333%;
}
.acud-col-xl-offset-11 {
margin-left: 45.83333333%;
}
.acud-col-xl-order-11 {
order: 11;
}
.acud-col-xl-10 {
display: block;
flex: 0 0 41.66666667%;
max-width: 41.66666667%;
}
.acud-col-xl-push-10 {
left: 41.66666667%;
}
.acud-col-xl-pull-10 {
right: 41.66666667%;
}
.acud-col-xl-offset-10 {
margin-left: 41.66666667%;
}
.acud-col-xl-order-10 {
order: 10;
}
.acud-col-xl-9 {
display: block;
flex: 0 0 37.5%;
max-width: 37.5%;
}
.acud-col-xl-push-9 {
left: 37.5%;
}
.acud-col-xl-pull-9 {
right: 37.5%;
}
.acud-col-xl-offset-9 {
margin-left: 37.5%;
}
.acud-col-xl-order-9 {
order: 9;
}
.acud-col-xl-8 {
display: block;
flex: 0 0 33.33333333%;
max-width: 33.33333333%;
}
.acud-col-xl-push-8 {
left: 33.33333333%;
}
.acud-col-xl-pull-8 {
right: 33.33333333%;
}
.acud-col-xl-offset-8 {
margin-left: 33.33333333%;
}
.acud-col-xl-order-8 {
order: 8;
}
.acud-col-xl-7 {
display: block;
flex: 0 0 29.16666667%;
max-width: 29.16666667%;
}
.acud-col-xl-push-7 {
left: 29.16666667%;
}
.acud-col-xl-pull-7 {
right: 29.16666667%;
}
.acud-col-xl-offset-7 {
margin-left: 29.16666667%;
}
.acud-col-xl-order-7 {
order: 7;
}
.acud-col-xl-6 {
display: block;
flex: 0 0 25%;
max-width: 25%;
}
.acud-col-xl-push-6 {
left: 25%;
}
.acud-col-xl-pull-6 {
right: 25%;
}
.acud-col-xl-offset-6 {
margin-left: 25%;
}
.acud-col-xl-order-6 {
order: 6;
}
.acud-col-xl-5 {
display: block;
flex: 0 0 20.83333333%;
max-width: 20.83333333%;
}
.acud-col-xl-push-5 {
left: 20.83333333%;
}
.acud-col-xl-pull-5 {
right: 20.83333333%;
}
.acud-col-xl-offset-5 {
margin-left: 20.83333333%;
}
.acud-col-xl-order-5 {
order: 5;
}
.acud-col-xl-4 {
display: block;
flex: 0 0 16.66666667%;
max-width: 16.66666667%;
}
.acud-col-xl-push-4 {
left: 16.66666667%;
}
.acud-col-xl-pull-4 {
right: 16.66666667%;
}
.acud-col-xl-offset-4 {
margin-left: 16.66666667%;
}
.acud-col-xl-order-4 {
order: 4;
}
.acud-col-xl-3 {
display: block;
flex: 0 0 12.5%;
max-width: 12.5%;
}
.acud-col-xl-push-3 {
left: 12.5%;
}
.acud-col-xl-pull-3 {
right: 12.5%;
}
.acud-col-xl-offset-3 {
margin-left: 12.5%;
}
.acud-col-xl-order-3 {
order: 3;
}
.acud-col-xl-2 {
display: block;
flex: 0 0 8.33333333%;
max-width: 8.33333333%;
}
.acud-col-xl-push-2 {
left: 8.33333333%;
}
.acud-col-xl-pull-2 {
right: 8.33333333%;
}
.acud-col-xl-offset-2 {
margin-left: 8.33333333%;
}
.acud-col-xl-order-2 {
order: 2;
}
.acud-col-xl-1 {
display: block;
flex: 0 0 4.16666667%;
max-width: 4.16666667%;
}
.acud-col-xl-push-1 {
left: 4.16666667%;
}
.acud-col-xl-pull-1 {
right: 4.16666667%;
}
.acud-col-xl-offset-1 {
margin-left: 4.16666667%;
}
.acud-col-xl-order-1 {
order: 1;
}
.acud-col-xl-0 {
display: none;
}
.acud-col-push-0 {
left: auto;
}
.acud-col-pull-0 {
right: auto;
}
.acud-col-xl-push-0 {
left: auto;
}
.acud-col-xl-pull-0 {
right: auto;
}
.acud-col-xl-offset-0 {
margin-left: 0;
}
.acud-col-xl-order-0 {
order: 0;
}
.acud-col-push-0.acud-col-rtl {
right: auto;
}
.acud-col-pull-0.acud-col-rtl {
left: auto;
}
.acud-col-xl-push-0.acud-col-rtl {
right: auto;
}
.acud-col-xl-pull-0.acud-col-rtl {
left: auto;
}
.acud-col-xl-offset-0.acud-col-rtl {
margin-right: 0;
}
.acud-col-xl-push-1.acud-col-rtl {
right: 4.16666667%;
left: auto;
}
.acud-col-xl-pull-1.acud-col-rtl {
right: auto;
left: 4.16666667%;
}
.acud-col-xl-offset-1.acud-col-rtl {
margin-right: 4.16666667%;
margin-left: 0;
}
.acud-col-xl-push-2.acud-col-rtl {
right: 8.33333333%;
left: auto;
}
.acud-col-xl-pull-2.acud-col-rtl {
right: auto;
left: 8.33333333%;
}
.acud-col-xl-offset-2.acud-col-rtl {
margin-right: 8.33333333%;
margin-left: 0;
}
.acud-col-xl-push-3.acud-col-rtl {
right: 12.5%;
left: auto;
}
.acud-col-xl-pull-3.acud-col-rtl {
right: auto;
left: 12.5%;
}
.acud-col-xl-offset-3.acud-col-rtl {
margin-right: 12.5%;
margin-left: 0;
}
.acud-col-xl-push-4.acud-col-rtl {
right: 16.66666667%;
left: auto;
}
.acud-col-xl-pull-4.acud-col-rtl {
right: auto;
left: 16.66666667%;
}
.acud-col-xl-offset-4.acud-col-rtl {
margin-right: 16.66666667%;
margin-left: 0;
}
.acud-col-xl-push-5.acud-col-rtl {
right: 20.83333333%;
left: auto;
}
.acud-col-xl-pull-5.acud-col-rtl {
right: auto;
left: 20.83333333%;
}
.acud-col-xl-offset-5.acud-col-rtl {
margin-right: 20.83333333%;
margin-left: 0;
}
.acud-col-xl-push-6.acud-col-rtl {
right: 25%;
left: auto;
}
.acud-col-xl-pull-6.acud-col-rtl {
right: auto;
left: 25%;
}
.acud-col-xl-offset-6.acud-col-rtl {
margin-right: 25%;
margin-left: 0;
}
.acud-col-xl-push-7.acud-col-rtl {
right: 29.16666667%;
left: auto;
}
.acud-col-xl-pull-7.acud-col-rtl {
right: auto;
left: 29.16666667%;
}
.acud-col-xl-offset-7.acud-col-rtl {
margin-right: 29.16666667%;
margin-left: 0;
}
.acud-col-xl-push-8.acud-col-rtl {
right: 33.33333333%;
left: auto;
}
.acud-col-xl-pull-8.acud-col-rtl {
right: auto;
left: 33.33333333%;
}
.acud-col-xl-offset-8.acud-col-rtl {
margin-right: 33.33333333%;
margin-left: 0;
}
.acud-col-xl-push-9.acud-col-rtl {
right: 37.5%;
left: auto;
}
.acud-col-xl-pull-9.acud-col-rtl {
right: auto;
left: 37.5%;
}
.acud-col-xl-offset-9.acud-col-rtl {
margin-right: 37.5%;
margin-left: 0;
}
.acud-col-xl-push-10.acud-col-rtl {
right: 41.66666667%;
left: auto;
}
.acud-col-xl-pull-10.acud-col-rtl {
right: auto;
left: 41.66666667%;
}
.acud-col-xl-offset-10.acud-col-rtl {
margin-right: 41.66666667%;
margin-left: 0;
}
.acud-col-xl-push-11.acud-col-rtl {
right: 45.83333333%;
left: auto;
}
.acud-col-xl-pull-11.acud-col-rtl {
right: auto;
left: 45.83333333%;
}
.acud-col-xl-offset-11.acud-col-rtl {
margin-right: 45.83333333%;
margin-left: 0;
}
.acud-col-xl-push-12.acud-col-rtl {
right: 50%;
left: auto;
}
.acud-col-xl-pull-12.acud-col-rtl {
right: auto;
left: 50%;
}
.acud-col-xl-offset-12.acud-col-rtl {
margin-right: 50%;
margin-left: 0;
}
.acud-col-xl-push-13.acud-col-rtl {
right: 54.16666667%;
left: auto;
}
.acud-col-xl-pull-13.acud-col-rtl {
right: auto;
left: 54.16666667%;
}
.acud-col-xl-offset-13.acud-col-rtl {
margin-right: 54.16666667%;
margin-left: 0;
}
.acud-col-xl-push-14.acud-col-rtl {
right: 58.33333333%;
left: auto;
}
.acud-col-xl-pull-14.acud-col-rtl {
right: auto;
left: 58.33333333%;
}
.acud-col-xl-offset-14.acud-col-rtl {
margin-right: 58.33333333%;
margin-left: 0;
}
.acud-col-xl-push-15.acud-col-rtl {
right: 62.5%;
left: auto;
}
.acud-col-xl-pull-15.acud-col-rtl {
right: auto;
left: 62.5%;
}
.acud-col-xl-offset-15.acud-col-rtl {
margin-right: 62.5%;
margin-left: 0;
}
.acud-col-xl-push-16.acud-col-rtl {
right: 66.66666667%;
left: auto;
}
.acud-col-xl-pull-16.acud-col-rtl {
right: auto;
left: 66.66666667%;
}
.acud-col-xl-offset-16.acud-col-rtl {
margin-right: 66.66666667%;
margin-left: 0;
}
.acud-col-xl-push-17.acud-col-rtl {
right: 70.83333333%;
left: auto;
}
.acud-col-xl-pull-17.acud-col-rtl {
right: auto;
left: 70.83333333%;
}
.acud-col-xl-offset-17.acud-col-rtl {
margin-right: 70.83333333%;
margin-left: 0;
}
.acud-col-xl-push-18.acud-col-rtl {
right: 75%;
left: auto;
}
.acud-col-xl-pull-18.acud-col-rtl {
right: auto;
left: 75%;
}
.acud-col-xl-offset-18.acud-col-rtl {
margin-right: 75%;
margin-left: 0;
}
.acud-col-xl-push-19.acud-col-rtl {
right: 79.16666667%;
left: auto;
}
.acud-col-xl-pull-19.acud-col-rtl {
right: auto;
left: 79.16666667%;
}
.acud-col-xl-offset-19.acud-col-rtl {
margin-right: 79.16666667%;
margin-left: 0;
}
.acud-col-xl-push-20.acud-col-rtl {
right: 83.33333333%;
left: auto;
}
.acud-col-xl-pull-20.acud-col-rtl {
right: auto;
left: 83.33333333%;
}
.acud-col-xl-offset-20.acud-col-rtl {
margin-right: 83.33333333%;
margin-left: 0;
}
.acud-col-xl-push-21.acud-col-rtl {
right: 87.5%;
left: auto;
}
.acud-col-xl-pull-21.acud-col-rtl {
right: auto;
left: 87.5%;
}
.acud-col-xl-offset-21.acud-col-rtl {
margin-right: 87.5%;
margin-left: 0;
}
.acud-col-xl-push-22.acud-col-rtl {
right: 91.66666667%;
left: auto;
}
.acud-col-xl-pull-22.acud-col-rtl {
right: auto;
left: 91.66666667%;
}
.acud-col-xl-offset-22.acud-col-rtl {
margin-right: 91.66666667%;
margin-left: 0;
}
.acud-col-xl-push-23.acud-col-rtl {
right: 95.83333333%;
left: auto;
}
.acud-col-xl-pull-23.acud-col-rtl {
right: auto;
left: 95.83333333%;
}
.acud-col-xl-offset-23.acud-col-rtl {
margin-right: 95.83333333%;
margin-left: 0;
}
.acud-col-xl-push-24.acud-col-rtl {
right: 100%;
left: auto;
}
.acud-col-xl-pull-24.acud-col-rtl {
right: auto;
left: 100%;
}
.acud-col-xl-offset-24.acud-col-rtl {
margin-right: 100%;
margin-left: 0;
}
}
@media (min-width: 1600px) {
.acud-col-xxl-24 {
display: block;
flex: 0 0 100%;
max-width: 100%;
}
.acud-col-xxl-push-24 {
left: 100%;
}
.acud-col-xxl-pull-24 {
right: 100%;
}
.acud-col-xxl-offset-24 {
margin-left: 100%;
}
.acud-col-xxl-order-24 {
order: 24;
}
.acud-col-xxl-23 {
display: block;
flex: 0 0 95.83333333%;
max-width: 95.83333333%;
}
.acud-col-xxl-push-23 {
left: 95.83333333%;
}
.acud-col-xxl-pull-23 {
right: 95.83333333%;
}
.acud-col-xxl-offset-23 {
margin-left: 95.83333333%;
}
.acud-col-xxl-order-23 {
order: 23;
}
.acud-col-xxl-22 {
display: block;
flex: 0 0 91.66666667%;
max-width: 91.66666667%;
}
.acud-col-xxl-push-22 {
left: 91.66666667%;
}
.acud-col-xxl-pull-22 {
right: 91.66666667%;
}
.acud-col-xxl-offset-22 {
margin-left: 91.66666667%;
}
.acud-col-xxl-order-22 {
order: 22;
}
.acud-col-xxl-21 {
display: block;
flex: 0 0 87.5%;
max-width: 87.5%;
}
.acud-col-xxl-push-21 {
left: 87.5%;
}
.acud-col-xxl-pull-21 {
right: 87.5%;
}
.acud-col-xxl-offset-21 {
margin-left: 87.5%;
}
.acud-col-xxl-order-21 {
order: 21;
}
.acud-col-xxl-20 {
display: block;
flex: 0 0 83.33333333%;
max-width: 83.33333333%;
}
.acud-col-xxl-push-20 {
left: 83.33333333%;
}
.acud-col-xxl-pull-20 {
right: 83.33333333%;
}
.acud-col-xxl-offset-20 {
margin-left: 83.33333333%;
}
.acud-col-xxl-order-20 {
order: 20;
}
.acud-col-xxl-19 {
display: block;
flex: 0 0 79.16666667%;
max-width: 79.16666667%;
}
.acud-col-xxl-push-19 {
left: 79.16666667%;
}
.acud-col-xxl-pull-19 {
right: 79.16666667%;
}
.acud-col-xxl-offset-19 {
margin-left: 79.16666667%;
}
.acud-col-xxl-order-19 {
order: 19;
}
.acud-col-xxl-18 {
display: block;
flex: 0 0 75%;
max-width: 75%;
}
.acud-col-xxl-push-18 {
left: 75%;
}
.acud-col-xxl-pull-18 {
right: 75%;
}
.acud-col-xxl-offset-18 {
margin-left: 75%;
}
.acud-col-xxl-order-18 {
order: 18;
}
.acud-col-xxl-17 {
display: block;
flex: 0 0 70.83333333%;
max-width: 70.83333333%;
}
.acud-col-xxl-push-17 {
left: 70.83333333%;
}
.acud-col-xxl-pull-17 {
right: 70.83333333%;
}
.acud-col-xxl-offset-17 {
margin-left: 70.83333333%;
}
.acud-col-xxl-order-17 {
order: 17;
}
.acud-col-xxl-16 {
display: block;
flex: 0 0 66.66666667%;
max-width: 66.66666667%;
}
.acud-col-xxl-push-16 {
left: 66.66666667%;
}
.acud-col-xxl-pull-16 {
right: 66.66666667%;
}
.acud-col-xxl-offset-16 {
margin-left: 66.66666667%;
}
.acud-col-xxl-order-16 {
order: 16;
}
.acud-col-xxl-15 {
display: block;
flex: 0 0 62.5%;
max-width: 62.5%;
}
.acud-col-xxl-push-15 {
left: 62.5%;
}
.acud-col-xxl-pull-15 {
right: 62.5%;
}
.acud-col-xxl-offset-15 {
margin-left: 62.5%;
}
.acud-col-xxl-order-15 {
order: 15;
}
.acud-col-xxl-14 {
display: block;
flex: 0 0 58.33333333%;
max-width: 58.33333333%;
}
.acud-col-xxl-push-14 {
left: 58.33333333%;
}
.acud-col-xxl-pull-14 {
right: 58.33333333%;
}
.acud-col-xxl-offset-14 {
margin-left: 58.33333333%;
}
.acud-col-xxl-order-14 {
order: 14;
}
.acud-col-xxl-13 {
display: block;
flex: 0 0 54.16666667%;
max-width: 54.16666667%;
}
.acud-col-xxl-push-13 {
left: 54.16666667%;
}
.acud-col-xxl-pull-13 {
right: 54.16666667%;
}
.acud-col-xxl-offset-13 {
margin-left: 54.16666667%;
}
.acud-col-xxl-order-13 {
order: 13;
}
.acud-col-xxl-12 {
display: block;
flex: 0 0 50%;
max-width: 50%;
}
.acud-col-xxl-push-12 {
left: 50%;
}
.acud-col-xxl-pull-12 {
right: 50%;
}
.acud-col-xxl-offset-12 {
margin-left: 50%;
}
.acud-col-xxl-order-12 {
order: 12;
}
.acud-col-xxl-11 {
display: block;
flex: 0 0 45.83333333%;
max-width: 45.83333333%;
}
.acud-col-xxl-push-11 {
left: 45.83333333%;
}
.acud-col-xxl-pull-11 {
right: 45.83333333%;
}
.acud-col-xxl-offset-11 {
margin-left: 45.83333333%;
}
.acud-col-xxl-order-11 {
order: 11;
}
.acud-col-xxl-10 {
display: block;
flex: 0 0 41.66666667%;
max-width: 41.66666667%;
}
.acud-col-xxl-push-10 {
left: 41.66666667%;
}
.acud-col-xxl-pull-10 {
right: 41.66666667%;
}
.acud-col-xxl-offset-10 {
margin-left: 41.66666667%;
}
.acud-col-xxl-order-10 {
order: 10;
}
.acud-col-xxl-9 {
display: block;
flex: 0 0 37.5%;
max-width: 37.5%;
}
.acud-col-xxl-push-9 {
left: 37.5%;
}
.acud-col-xxl-pull-9 {
right: 37.5%;
}
.acud-col-xxl-offset-9 {
margin-left: 37.5%;
}
.acud-col-xxl-order-9 {
order: 9;
}
.acud-col-xxl-8 {
display: block;
flex: 0 0 33.33333333%;
max-width: 33.33333333%;
}
.acud-col-xxl-push-8 {
left: 33.33333333%;
}
.acud-col-xxl-pull-8 {
right: 33.33333333%;
}
.acud-col-xxl-offset-8 {
margin-left: 33.33333333%;
}
.acud-col-xxl-order-8 {
order: 8;
}
.acud-col-xxl-7 {
display: block;
flex: 0 0 29.16666667%;
max-width: 29.16666667%;
}
.acud-col-xxl-push-7 {
left: 29.16666667%;
}
.acud-col-xxl-pull-7 {
right: 29.16666667%;
}
.acud-col-xxl-offset-7 {
margin-left: 29.16666667%;
}
.acud-col-xxl-order-7 {
order: 7;
}
.acud-col-xxl-6 {
display: block;
flex: 0 0 25%;
max-width: 25%;
}
.acud-col-xxl-push-6 {
left: 25%;
}
.acud-col-xxl-pull-6 {
right: 25%;
}
.acud-col-xxl-offset-6 {
margin-left: 25%;
}
.acud-col-xxl-order-6 {
order: 6;
}
.acud-col-xxl-5 {
display: block;
flex: 0 0 20.83333333%;
max-width: 20.83333333%;
}
.acud-col-xxl-push-5 {
left: 20.83333333%;
}
.acud-col-xxl-pull-5 {
right: 20.83333333%;
}
.acud-col-xxl-offset-5 {
margin-left: 20.83333333%;
}
.acud-col-xxl-order-5 {
order: 5;
}
.acud-col-xxl-4 {
display: block;
flex: 0 0 16.66666667%;
max-width: 16.66666667%;
}
.acud-col-xxl-push-4 {
left: 16.66666667%;
}
.acud-col-xxl-pull-4 {
right: 16.66666667%;
}
.acud-col-xxl-offset-4 {
margin-left: 16.66666667%;
}
.acud-col-xxl-order-4 {
order: 4;
}
.acud-col-xxl-3 {
display: block;
flex: 0 0 12.5%;
max-width: 12.5%;
}
.acud-col-xxl-push-3 {
left: 12.5%;
}
.acud-col-xxl-pull-3 {
right: 12.5%;
}
.acud-col-xxl-offset-3 {
margin-left: 12.5%;
}
.acud-col-xxl-order-3 {
order: 3;
}
.acud-col-xxl-2 {
display: block;
flex: 0 0 8.33333333%;
max-width: 8.33333333%;
}
.acud-col-xxl-push-2 {
left: 8.33333333%;
}
.acud-col-xxl-pull-2 {
right: 8.33333333%;
}
.acud-col-xxl-offset-2 {
margin-left: 8.33333333%;
}
.acud-col-xxl-order-2 {
order: 2;
}
.acud-col-xxl-1 {
display: block;
flex: 0 0 4.16666667%;
max-width: 4.16666667%;
}
.acud-col-xxl-push-1 {
left: 4.16666667%;
}
.acud-col-xxl-pull-1 {
right: 4.16666667%;
}
.acud-col-xxl-offset-1 {
margin-left: 4.16666667%;
}
.acud-col-xxl-order-1 {
order: 1;
}
.acud-col-xxl-0 {
display: none;
}
.acud-col-push-0 {
left: auto;
}
.acud-col-pull-0 {
right: auto;
}
.acud-col-xxl-push-0 {
left: auto;
}
.acud-col-xxl-pull-0 {
right: auto;
}
.acud-col-xxl-offset-0 {
margin-left: 0;
}
.acud-col-xxl-order-0 {
order: 0;
}
.acud-col-push-0.acud-col-rtl {
right: auto;
}
.acud-col-pull-0.acud-col-rtl {
left: auto;
}
.acud-col-xxl-push-0.acud-col-rtl {
right: auto;
}
.acud-col-xxl-pull-0.acud-col-rtl {
left: auto;
}
.acud-col-xxl-offset-0.acud-col-rtl {
margin-right: 0;
}
.acud-col-xxl-push-1.acud-col-rtl {
right: 4.16666667%;
left: auto;
}
.acud-col-xxl-pull-1.acud-col-rtl {
right: auto;
left: 4.16666667%;
}
.acud-col-xxl-offset-1.acud-col-rtl {
margin-right: 4.16666667%;
margin-left: 0;
}
.acud-col-xxl-push-2.acud-col-rtl {
right: 8.33333333%;
left: auto;
}
.acud-col-xxl-pull-2.acud-col-rtl {
right: auto;
left: 8.33333333%;
}
.acud-col-xxl-offset-2.acud-col-rtl {
margin-right: 8.33333333%;
margin-left: 0;
}
.acud-col-xxl-push-3.acud-col-rtl {
right: 12.5%;
left: auto;
}
.acud-col-xxl-pull-3.acud-col-rtl {
right: auto;
left: 12.5%;
}
.acud-col-xxl-offset-3.acud-col-rtl {
margin-right: 12.5%;
margin-left: 0;
}
.acud-col-xxl-push-4.acud-col-rtl {
right: 16.66666667%;
left: auto;
}
.acud-col-xxl-pull-4.acud-col-rtl {
right: auto;
left: 16.66666667%;
}
.acud-col-xxl-offset-4.acud-col-rtl {
margin-right: 16.66666667%;
margin-left: 0;
}
.acud-col-xxl-push-5.acud-col-rtl {
right: 20.83333333%;
left: auto;
}
.acud-col-xxl-pull-5.acud-col-rtl {
right: auto;
left: 20.83333333%;
}
.acud-col-xxl-offset-5.acud-col-rtl {
margin-right: 20.83333333%;
margin-left: 0;
}
.acud-col-xxl-push-6.acud-col-rtl {
right: 25%;
left: auto;
}
.acud-col-xxl-pull-6.acud-col-rtl {
right: auto;
left: 25%;
}
.acud-col-xxl-offset-6.acud-col-rtl {
margin-right: 25%;
margin-left: 0;
}
.acud-col-xxl-push-7.acud-col-rtl {
right: 29.16666667%;
left: auto;
}
.acud-col-xxl-pull-7.acud-col-rtl {
right: auto;
left: 29.16666667%;
}
.acud-col-xxl-offset-7.acud-col-rtl {
margin-right: 29.16666667%;
margin-left: 0;
}
.acud-col-xxl-push-8.acud-col-rtl {
right: 33.33333333%;
left: auto;
}
.acud-col-xxl-pull-8.acud-col-rtl {
right: auto;
left: 33.33333333%;
}
.acud-col-xxl-offset-8.acud-col-rtl {
margin-right: 33.33333333%;
margin-left: 0;
}
.acud-col-xxl-push-9.acud-col-rtl {
right: 37.5%;
left: auto;
}
.acud-col-xxl-pull-9.acud-col-rtl {
right: auto;
left: 37.5%;
}
.acud-col-xxl-offset-9.acud-col-rtl {
margin-right: 37.5%;
margin-left: 0;
}
.acud-col-xxl-push-10.acud-col-rtl {
right: 41.66666667%;
left: auto;
}
.acud-col-xxl-pull-10.acud-col-rtl {
right: auto;
left: 41.66666667%;
}
.acud-col-xxl-offset-10.acud-col-rtl {
margin-right: 41.66666667%;
margin-left: 0;
}
.acud-col-xxl-push-11.acud-col-rtl {
right: 45.83333333%;
left: auto;
}
.acud-col-xxl-pull-11.acud-col-rtl {
right: auto;
left: 45.83333333%;
}
.acud-col-xxl-offset-11.acud-col-rtl {
margin-right: 45.83333333%;
margin-left: 0;
}
.acud-col-xxl-push-12.acud-col-rtl {
right: 50%;
left: auto;
}
.acud-col-xxl-pull-12.acud-col-rtl {
right: auto;
left: 50%;
}
.acud-col-xxl-offset-12.acud-col-rtl {
margin-right: 50%;
margin-left: 0;
}
.acud-col-xxl-push-13.acud-col-rtl {
right: 54.16666667%;
left: auto;
}
.acud-col-xxl-pull-13.acud-col-rtl {
right: auto;
left: 54.16666667%;
}
.acud-col-xxl-offset-13.acud-col-rtl {
margin-right: 54.16666667%;
margin-left: 0;
}
.acud-col-xxl-push-14.acud-col-rtl {
right: 58.33333333%;
left: auto;
}
.acud-col-xxl-pull-14.acud-col-rtl {
right: auto;
left: 58.33333333%;
}
.acud-col-xxl-offset-14.acud-col-rtl {
margin-right: 58.33333333%;
margin-left: 0;
}
.acud-col-xxl-push-15.acud-col-rtl {
right: 62.5%;
left: auto;
}
.acud-col-xxl-pull-15.acud-col-rtl {
right: auto;
left: 62.5%;
}
.acud-col-xxl-offset-15.acud-col-rtl {
margin-right: 62.5%;
margin-left: 0;
}
.acud-col-xxl-push-16.acud-col-rtl {
right: 66.66666667%;
left: auto;
}
.acud-col-xxl-pull-16.acud-col-rtl {
right: auto;
left: 66.66666667%;
}
.acud-col-xxl-offset-16.acud-col-rtl {
margin-right: 66.66666667%;
margin-left: 0;
}
.acud-col-xxl-push-17.acud-col-rtl {
right: 70.83333333%;
left: auto;
}
.acud-col-xxl-pull-17.acud-col-rtl {
right: auto;
left: 70.83333333%;
}
.acud-col-xxl-offset-17.acud-col-rtl {
margin-right: 70.83333333%;
margin-left: 0;
}
.acud-col-xxl-push-18.acud-col-rtl {
right: 75%;
left: auto;
}
.acud-col-xxl-pull-18.acud-col-rtl {
right: auto;
left: 75%;
}
.acud-col-xxl-offset-18.acud-col-rtl {
margin-right: 75%;
margin-left: 0;
}
.acud-col-xxl-push-19.acud-col-rtl {
right: 79.16666667%;
left: auto;
}
.acud-col-xxl-pull-19.acud-col-rtl {
right: auto;
left: 79.16666667%;
}
.acud-col-xxl-offset-19.acud-col-rtl {
margin-right: 79.16666667%;
margin-left: 0;
}
.acud-col-xxl-push-20.acud-col-rtl {
right: 83.33333333%;
left: auto;
}
.acud-col-xxl-pull-20.acud-col-rtl {
right: auto;
left: 83.33333333%;
}
.acud-col-xxl-offset-20.acud-col-rtl {
margin-right: 83.33333333%;
margin-left: 0;
}
.acud-col-xxl-push-21.acud-col-rtl {
right: 87.5%;
left: auto;
}
.acud-col-xxl-pull-21.acud-col-rtl {
right: auto;
left: 87.5%;
}
.acud-col-xxl-offset-21.acud-col-rtl {
margin-right: 87.5%;
margin-left: 0;
}
.acud-col-xxl-push-22.acud-col-rtl {
right: 91.66666667%;
left: auto;
}
.acud-col-xxl-pull-22.acud-col-rtl {
right: auto;
left: 91.66666667%;
}
.acud-col-xxl-offset-22.acud-col-rtl {
margin-right: 91.66666667%;
margin-left: 0;
}
.acud-col-xxl-push-23.acud-col-rtl {
right: 95.83333333%;
left: auto;
}
.acud-col-xxl-pull-23.acud-col-rtl {
right: auto;
left: 95.83333333%;
}
.acud-col-xxl-offset-23.acud-col-rtl {
margin-right: 95.83333333%;
margin-left: 0;
}
.acud-col-xxl-push-24.acud-col-rtl {
right: 100%;
left: auto;
}
.acud-col-xxl-pull-24.acud-col-rtl {
right: auto;
left: 100%;
}
.acud-col-xxl-offset-24.acud-col-rtl {
margin-right: 100%;
margin-left: 0;
}
}
.acud-row-rtl {
direction: rtl;
}
/* color */
/* 默认颜色 */
/* 通用-icon */
/* 标签 */
/* 默认颜色 */
/* 其他颜色 */
/* 通用 */
/* 水平 */
/* 垂直 */
/* 序号水平 */
/* 序号垂直 */
.acud-carousel {
margin: 0;
padding: 0;
position: relative;
width: 1920px;
height: 440px;
background: #FFFFFF;
overflow: hidden;
cursor: pointer;
}
.acud-carousel:hover .acud-carousel-switch {
display: block;
}
.acud-carousel-switch {
display: none;
position: absolute;
z-index: 2;
top: 50%;
margin-top: -24px;
width: 100%;
height: 48px;
pointer-events: none;
}
.acud-carousel-switch > span {
cursor: pointer;
pointer-events: visible;
opacity: 1;
}
.acud-carousel-switch > span.disabled {
cursor: not-allowed;
opacity: 0.5;
}
.acud-carousel-switch > span > .acudicon {
display: block;
width: 48px;
height: 48px;
border-radius: 50%;
display: inline-block;
background: rgba(255, 255, 255, 0.85);
box-shadow: 0px 2px 8px 0px rgba(7, 12, 20, 0.12);
color: #84868C;
font-size: 16px;
position: relative;
}
.acud-carousel-switch > span > .acudicon svg {
position: absolute;
top: 50%;
left: 50%;
margin-top: -8px;
margin-left: -8px;
}
.acud-carousel-switch-left {
float: left;
margin-left: 298px;
}
.acud-carousel-switch-right {
float: right;
margin-right: 298px;
}
.acud-carousel-indicator {
position: absolute;
z-index: 2;
width: 100%;
}
.acud-carousel-indicator ul,
.acud-carousel-indicator li {
list-style: none !important;
}
.acud-carousel-indicator-bottom,
.acud-carousel-indicator-top {
line-height: 0;
font-size: 0;
}
.acud-carousel-indicator-bottom ul,
.acud-carousel-indicator-top ul {
text-align: center;
}
.acud-carousel-indicator-bottom ul li,
.acud-carousel-indicator-top ul li {
display: inline-block;
width: 40px;
height: 4px;
background-color: rgba(255, 255, 255, 0.5);
margin-right: 12px;
cursor: pointer;
border-radius: 2px;
}
.acud-carousel-indicator-bottom ul li .fill,
.acud-carousel-indicator-top ul li .fill {
width: 0;
height: 100%;
background-color: #FFFFFF;
border-radius: 2px;
transition: none;
}
.acud-carousel-indicator-bottom ul li.active .fill,
.acud-carousel-indicator-top ul li.active .fill {
width: 40px;
transition: width 5s linear;
}
.acud-carousel-indicator-bottom {
bottom: 62px;
}
.acud-carousel-indicator-top {
top: 62px;
}
.acud-carousel-indicator-left,
.acud-carousel-indicator-right {
top: 50%;
transform: translateY(-50%);
width: 4px;
}
.acud-carousel-indicator-left ul,
.acud-carousel-indicator-right ul {
text-align: center;
}
.acud-carousel-indicator-left ul li,
.acud-carousel-indicator-right ul li {
display: block;
width: 4px;
height: 40px;
background-color: rgba(255, 255, 255, 0.5);
margin-bottom: 12px;
cursor: pointer;
border-radius: 2px;
}
.acud-carousel-indicator-left ul li .fill,
.acud-carousel-indicator-right ul li .fill {
width: 100%;
height: 0;
background-color: #FFFFFF;
border-radius: 2px;
transition: none;
}
.acud-carousel-indicator-left ul li.active .fill,
.acud-carousel-indicator-right ul li.active .fill {
height: 40px;
transition: height 5s linear;
}
.acud-carousel-indicator-left {
left: 62px;
}
.acud-carousel-indicator-right {
right: 62px;
}
.acud-carousel-indicator-number.acud-carousel-indicator-left {
left: 12px;
}
.acud-carousel-indicator-number.acud-carousel-indicator-right {
right: 60px;
}
.acud-carousel-indicator-number.acud-carousel-indicator-bottom {
bottom: 12px;
}
.acud-carousel-indicator-number.acud-carousel-indicator-top {
top: 12px;
}
.acud-carousel-indicator-number > div {
margin: 0 auto;
text-align: center;
width: 48px;
height: 24px;
line-height: 24px;
color: #FFFFFF;
background-color: rgba(7, 12, 20, 0.5);
font-size: 12px;
}
.acud-carousel-indicator-number > div .total {
color: rgba(255, 255, 255, 0.5);
}
.acud-carousel-content {
width: 100%;
height: 100%;
}
.acud-carousel-content > ul {
list-style: none !important;
position: relative;
font-size: 0;
}
.acud-carousel-content > ul > li {
list-style: none !important;
position: absolute;
width: 1920px;
height: 440px;
background-size: contain;
transition: left ease-in-out 1s;
}
.acud-carousel-content > ul > li * {
font-size: 10px;
}
.acud-carousel.acud-carousel-multi .acud-carousel-switch-left {
margin-left: 44px;
}
.acud-carousel.acud-carousel-multi .acud-carousel-switch-right {
margin-right: 44px;
}
.acud-carousel.acud-carousel-multi .acud-carousel-content ul {
height: 100%;
overflow: hidden;
}
/* color */
/* 默认颜色 */
/* 通用-icon */
/* 标签 */
/* 默认颜色 */
/* 其他颜色 */
/* 通用 */
/* 水平 */
/* 垂直 */
/* 序号水平 */
/* 序号垂直 */
.acud-cascader {
margin: 0;
padding: 0;
}
.acud-cascader-input.acud-input {
position: static;
width: 100%;
padding-right: 32px;
height: 30px;
line-height: 30px;
border: none;
}
.acud-cascader-input.acud-input,
.acud-cascader-input.acud-input > input {
cursor: pointer;
background-color: transparent;
}
.acud-cascader-input.acud-input:hover {
background-color: transparent;
}
.acud-cascader-input.acud-input[disabled],
.acud-cascader-input.acud-input[aria-disabled="true"],
.acud-cascader-input.acud-input[disabled]:hover,
.acud-cascader-input.acud-input[aria-disabled="true"]:hover,
.acud-cascader-input.acud-input[disabled]:focus,
.acud-cascader-input.acud-input[aria-disabled="true"]:focus,
.acud-cascader-input.acud-input[disabled]:active,
.acud-cascader-input.acud-input[aria-disabled="true"]:active {
background-color: transparent;
}
.acud-cascader-picker {
margin: 0;
padding: 0;
position: relative;
display: inline-block;
border: 1px solid;
outline: 0;
cursor: pointer;
transition: color 0.3s;
width: 240px;
font-size: 12px;
border-radius: 4px;
color: #B8BABF;
background-color: #FFFFFF;
border-color: #E8E9EB;
}
.acud-cascader-picker-lg {
width: 320px;
font-size: 14px;
border-radius: 4px;
}
.acud-cascader-picker-sm {
width: 160px;
font-size: 12px;
border-radius: 2px;
}
.acud-cascader-picker:hover {
color: #B8BABF;
}
.acud-cascader-picker:focus,
.acud-cascader-picker:active {
color: #B8BABF;
}
.acud-cascader-picker[disabled],
.acud-cascader-picker[aria-disabled="true"],
.acud-cascader-picker[disabled]:hover,
.acud-cascader-picker[aria-disabled="true"]:hover,
.acud-cascader-picker[disabled]:focus,
.acud-cascader-picker[aria-disabled="true"]:focus,
.acud-cascader-picker[disabled]:active,
.acud-cascader-picker[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-cascader-picker:hover {
background-color: #FFFFFF;
}
.acud-cascader-picker:focus,
.acud-cascader-picker:active {
background-color: #FFFFFF;
}
.acud-cascader-picker[disabled],
.acud-cascader-picker[aria-disabled="true"],
.acud-cascader-picker[disabled]:hover,
.acud-cascader-picker[aria-disabled="true"]:hover,
.acud-cascader-picker[disabled]:focus,
.acud-cascader-picker[aria-disabled="true"]:focus,
.acud-cascader-picker[disabled]:active,
.acud-cascader-picker[aria-disabled="true"]:active {
background-color: #F7F7F9;
}
.acud-cascader-picker:hover {
border-color: #2468F2;
}
.acud-cascader-picker:focus,
.acud-cascader-picker:active {
border-color: #144BCC;
}
.acud-cascader-picker[disabled],
.acud-cascader-picker[aria-disabled="true"],
.acud-cascader-picker[disabled]:hover,
.acud-cascader-picker[aria-disabled="true"]:hover,
.acud-cascader-picker[disabled]:focus,
.acud-cascader-picker[aria-disabled="true"]:focus,
.acud-cascader-picker[disabled]:active,
.acud-cascader-picker[aria-disabled="true"]:active {
border-color: #E8E9EB;
}
.acud-cascader-picker-with-input-value .acud-cascader-picker-label {
color: transparent;
}
.acud-cascader-picker:focus .acud-cascader-input.acud-input,
.acud-cascader-picker-focused .acud-cascader-input.acud-input,
.acud-cascader-picker-expand .acud-cascader-input.acud-input {
border-color: #2468F2;
}
.acud-cascader-picker-focused {
border-color: #2468F2;
}
.acud-cascader-picker-disabled {
cursor: not-allowed;
}
.acud-cascader-picker-disabled .acud-cascader-input.acud-input,
.acud-cascader-picker-disabled .acud-cascader-input.acud-input > input {
cursor: not-allowed;
}
.acud-cascader-picker-borderless .acud-cascader-input {
border-color: transparent !important;
box-shadow: none !important;
}
.acud-cascader-picker-label {
color: #151B26;
position: absolute;
top: 50%;
left: 0;
width: 100%;
height: 20px;
margin-top: -10px;
padding: 0 44px 0 12px;
overflow: hidden;
line-height: 20px;
white-space: nowrap;
text-overflow: ellipsis;
}
.acud-cascader-picker-label:hover {
color: #151B26;
}
.acud-cascader-picker-label:focus,
.acud-cascader-picker-label:active {
color: #2468F2;
}
.acud-cascader-picker-label[disabled],
.acud-cascader-picker-label[aria-disabled="true"],
.acud-cascader-picker-label[disabled]:hover,
.acud-cascader-picker-label[aria-disabled="true"]:hover,
.acud-cascader-picker-label[disabled]:focus,
.acud-cascader-picker-label[aria-disabled="true"]:focus,
.acud-cascader-picker-label[disabled]:active,
.acud-cascader-picker-label[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-cascader-picker-label[disabled],
.acud-cascader-picker-label[aria-disabled="true"],
.acud-cascader-picker-label[disabled]:hover,
.acud-cascader-picker-label[aria-disabled="true"]:hover,
.acud-cascader-picker-label[disabled]:focus,
.acud-cascader-picker-label[aria-disabled="true"]:focus,
.acud-cascader-picker-label[disabled]:active,
.acud-cascader-picker-label[aria-disabled="true"]:active {
color: #5C5F66;
}
.acud-cascader-picker-clear {
position: absolute;
top: 50%;
right: 30px;
margin-top: -8px;
}
.acud-cascader-picker-arrow {
position: absolute;
top: 50%;
right: 12px;
width: 16px;
height: 16px;
margin-top: -8px;
font-size: 12px;
line-height: 16px;
transition: transform 0.48s;
}
.acud-cascader-picker-arrow.acudicon {
color: #84868C;
}
.acud-cascader-picker-arrow.acudicon:hover {
color: #84868C;
}
.acud-cascader-picker-arrow.acudicon:focus,
.acud-cascader-picker-arrow.acudicon:active {
color: #84868C;
}
.acud-cascader-picker-arrow.acudicon[disabled],
.acud-cascader-picker-arrow.acudicon[aria-disabled="true"],
.acud-cascader-picker-arrow.acudicon[disabled]:hover,
.acud-cascader-picker-arrow.acudicon[aria-disabled="true"]:hover,
.acud-cascader-picker-arrow.acudicon[disabled]:focus,
.acud-cascader-picker-arrow.acudicon[aria-disabled="true"]:focus,
.acud-cascader-picker-arrow.acudicon[disabled]:active,
.acud-cascader-picker-arrow.acudicon[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-cascader-picker-arrow-expand {
transform: rotate(180deg);
}
.acud-cascader-picker-arrow > svg {
width: 16px;
height: 16px;
}
.acud-cascader-picker-multi .acud-cascader-tags {
position: relative;
display: flex;
padding: 1px 48px 1px 4px;
flex: auto;
flex-wrap: wrap;
max-width: 100%;
max-height: 60px;
overflow-y: auto;
}
.acud-cascader-picker-multi .acud-cascader-tags .acud-cascader-input-wrap {
position: relative;
max-width: 100%;
}
.acud-cascader-picker-multi .acud-cascader-tags .acud-cascader-input-wrap .acud-cascader-input,
.acud-cascader-picker-multi .acud-cascader-tags .acud-cascader-input-wrap .acud-cascader-mirror {
padding: 0 0 0 8px;
}
.acud-cascader-picker-multi .acud-cascader-tags .acud-cascader-input-wrap .acud-cascader-input {
margin: 2px 0;
width: 100%;
min-width: 4.1px;
height: 24px;
line-height: 24px;
}
.acud-cascader-picker-multi .acud-cascader-tags .acud-cascader-input-wrap .acud-cascader-input > input {
height: 24px;
line-height: 24px;
padding: 0;
}
.acud-cascader-picker-multi .acud-cascader-tags .acud-cascader-input-wrap .acud-cascader-mirror {
position: absolute;
top: 0;
left: 0;
z-index: 999;
white-space: pre;
visibility: hidden;
line-height: initial;
}
.acud-cascader-picker-multi .acud-cascader-tags .acud-cascader-tag-wrap {
flex: none;
align-self: center;
max-width: 100%;
}
.acud-cascader-picker-multi .acud-cascader-tags .acud-cascader-tag-wrap .acud-cascader-tag {
margin: 2px 4px 2px 0;
padding: 0 8px;
vertical-align: middle;
}
.acud-cascader-picker-multi .acud-cascader-tags .acud-cascader-tag-wrap .acud-cascader-tag[disabled],
.acud-cascader-picker-multi .acud-cascader-tags .acud-cascader-tag-wrap .acud-cascader-tag[aria-disabled="true"],
.acud-cascader-picker-multi .acud-cascader-tags .acud-cascader-tag-wrap .acud-cascader-tag[disabled]:hover,
.acud-cascader-picker-multi .acud-cascader-tags .acud-cascader-tag-wrap .acud-cascader-tag[aria-disabled="true"]:hover,
.acud-cascader-picker-multi .acud-cascader-tags .acud-cascader-tag-wrap .acud-cascader-tag[disabled]:focus,
.acud-cascader-picker-multi .acud-cascader-tags .acud-cascader-tag-wrap .acud-cascader-tag[aria-disabled="true"]:focus,
.acud-cascader-picker-multi .acud-cascader-tags .acud-cascader-tag-wrap .acud-cascader-tag[disabled]:active,
.acud-cascader-picker-multi .acud-cascader-tags .acud-cascader-tag-wrap .acud-cascader-tag[aria-disabled="true"]:active {
color: #5C5F66;
background-color: #E8E9EB;
}
.acud-cascader-picker-multi .acud-cascader-tags .acud-cascader-tag-wrap .acud-cascader-tag[disabled] .acud-tag-close-icon,
.acud-cascader-picker-multi .acud-cascader-tags .acud-cascader-tag-wrap .acud-cascader-tag[aria-disabled="true"] .acud-tag-close-icon {
color: #B8BABF;
}
.acud-cascader-picker-multi .acud-cascader-tags .acud-cascader-tag-wrap .acud-cascader-tag-mixed .acud-tag-render-container > span:first-child {
max-width: 96px;
overflow: hidden;
text-overflow: ellipsis;
}
.acud-cascader-picker-multi .acud-cascader-tags .acud-cascader-tag-wrap .acud-cascader-tag .acud-tag-close-icon {
margin-left: 8px;
}
.acud-cascader-picker-multi .acud-cascader-tags .acud-cascader-tag-wrap .acud-cascader-tag .acud-tag-close-icon > svg {
width: 1em;
}
.acud-cascader-picker-multi .acud-cascader-tags .acud-cascader-tag-wrap:first-of-type .acud-cascader-tag {
margin-top: 3px;
}
.acud-cascader-picker-multi .acud-cascader-tags .acud-cascader-tag-wrap + .acud-cascader-input-wrap .acud-cascader-input,
.acud-cascader-picker-multi .acud-cascader-tags .acud-cascader-tag-wrap + .acud-cascader-input-wrap .acud-cascader-mirror {
padding: 1px;
}
.acud-cascader-picker-lg > .acud-cascader-input.acud-input {
height: 48px;
}
.acud-cascader-menus {
position: absolute;
z-index: 1050;
white-space: nowrap;
}
.acud-cascader-menus ul,
.acud-cascader-menus ol {
margin: 0;
list-style: none;
}
.acud-cascader-menus-empty,
.acud-cascader-menus-hidden {
display: none;
}
.acud-cascader-menus .acud-empty {
margin: 0;
padding: 0;
line-height: 32px;
}
.acud-cascader-menus.slide-up-enter.slide-up-enter-active.acud-cascader-menus-placement-bottomLeft,
.acud-cascader-menus.slide-up-appear.slide-up-appear-active.acud-cascader-menus-placement-bottomLeft {
animation-name: acudSlideUpIn;
}
.acud-cascader-menus.slide-up-enter.slide-up-enter-active.acud-cascader-menus-placement-topLeft,
.acud-cascader-menus.slide-up-appear.slide-up-appear-active.acud-cascader-menus-placement-topLeft {
animation-name: acudSlideDownIn;
}
.acud-cascader-menus.slide-up-leave.slide-up-leave-active.acud-cascader-menus-placement-bottomLeft {
animation-name: acudSlideUpOut;
}
.acud-cascader-menus.slide-up-leave.slide-up-leave-active.acud-cascader-menus-placement-topLeft {
animation-name: acudSlideDownOut;
}
.acud-cascader-menu {
background-color: #FFFFFF;
position: absolute;
display: inline-block;
min-width: 108px;
max-width: 156px;
margin: 0;
padding: 4px 0;
max-height: 264px;
font-size: 12px;
overflow-y: auto;
vertical-align: top;
list-style: none;
box-shadow: 0px 2px 8px 0px rgba(7, 12, 20, 0.12);
border-radius: 4px;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.acud-cascader-menu:first-child {
position: relative;
}
.acud-cascader-menu-multi {
min-width: 132px;
max-width: 180px;
}
.acud-cascader-menu-empty .acud-cascader-menu-item-multi-check-all,
.acud-cascader-menu-empty .acud-cascader-menu-item-content .acud-cascader-menu-item-checkbox .acud-checkbox {
display: none;
}
.acud-cascader-menu-search:not(.acud-cascader-menu-empty) .acud-cascader-menu-item:first-child {
background-color: #E6F0FF;
}
.acud-cascader-menu-sm {
border-radius: 2px;
}
.acud-cascader-menu-wrap-hidden {
opacity: 0;
}
.acud-cascader-menu.acud-cascader-submenu {
position: absolute;
left: 100%;
top: -4px;
margin-left: 1px;
}
.acud-cascader-menu-item {
color: #151B26;
background-color: #FFFFFF;
border-color: transparent;
display: flex;
justify-content: space-between;
padding: 0 12px;
height: 32px;
line-height: 32px;
cursor: pointer;
white-space: nowrap;
text-overflow: ellipsis;
transition: all 0.3s;
}
.acud-cascader-menu-item:hover {
color: #151B26;
}
.acud-cascader-menu-item:focus,
.acud-cascader-menu-item:active {
color: #2468F2;
}
.acud-cascader-menu-item[disabled],
.acud-cascader-menu-item[aria-disabled="true"],
.acud-cascader-menu-item[disabled]:hover,
.acud-cascader-menu-item[aria-disabled="true"]:hover,
.acud-cascader-menu-item[disabled]:focus,
.acud-cascader-menu-item[aria-disabled="true"]:focus,
.acud-cascader-menu-item[disabled]:active,
.acud-cascader-menu-item[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-cascader-menu-item:hover {
background-color: #E6F0FF;
}
.acud-cascader-menu-item:focus,
.acud-cascader-menu-item:active {
background-color: #FFFFFF;
}
.acud-cascader-menu-item[disabled],
.acud-cascader-menu-item[aria-disabled="true"],
.acud-cascader-menu-item[disabled]:hover,
.acud-cascader-menu-item[aria-disabled="true"]:hover,
.acud-cascader-menu-item[disabled]:focus,
.acud-cascader-menu-item[aria-disabled="true"]:focus,
.acud-cascader-menu-item[disabled]:active,
.acud-cascader-menu-item[aria-disabled="true"]:active {
background-color: #FFFFFF;
}
.acud-cascader-menu-item:hover {
border-color: transparent;
}
.acud-cascader-menu-item:focus,
.acud-cascader-menu-item:active {
border-color: transparent;
}
.acud-cascader-menu-item[disabled],
.acud-cascader-menu-item[aria-disabled="true"],
.acud-cascader-menu-item[disabled]:hover,
.acud-cascader-menu-item[aria-disabled="true"]:hover,
.acud-cascader-menu-item[disabled]:focus,
.acud-cascader-menu-item[aria-disabled="true"]:focus,
.acud-cascader-menu-item[disabled]:active,
.acud-cascader-menu-item[aria-disabled="true"]:active {
border-color: transparent;
}
.acud-cascader-menu-item-content {
display: flex;
overflow: hidden;
text-overflow: ellipsis;
}
.acud-cascader-menu-item-checkbox.acud-checkbox-wrapper {
vertical-align: middle;
margin-right: 8px;
overflow: hidden;
text-overflow: ellipsis;
}
.acud-cascader-menu-item-checkbox.acud-checkbox-wrapper .acud-checkbox {
top: 0;
}
.acud-cascader-menu-item-checkbox.acud-checkbox-wrapper .acud-checkbox + span {
overflow: hidden;
text-overflow: ellipsis;
}
.acud-cascader-menu-item-label {
overflow: hidden;
text-overflow: ellipsis;
cursor: pointer;
}
.acud-cascader-menu-item-disabled {
cursor: not-allowed;
}
.acud-cascader-menu-item-disabled:hover {
background: transparent;
}
.acud-cascader-menu-empty .acud-cascader-menu-item {
cursor: default;
pointer-events: none;
}
.acud-cascader-menu-item-hovered {
background-color: #E6F0FF;
}
.acud-cascader-menu-item-active:not(.acud-cascader-menu-item-disabled) {
color: #2468F2;
}
.acud-cascader-menu-item-expand {
position: relative;
padding-right: 8px;
}
.acud-cascader-menu-item-expand .acud-cascader-menu-item-expand-icon,
.acud-cascader-menu-item-loading-icon {
color: #84868C;
}
.acud-cascader-menu-item-expand .acud-cascader-menu-item-expand-icon:hover,
.acud-cascader-menu-item-loading-icon:hover {
color: #84868C;
}
.acud-cascader-menu-item-expand .acud-cascader-menu-item-expand-icon:focus,
.acud-cascader-menu-item-loading-icon:focus,
.acud-cascader-menu-item-expand .acud-cascader-menu-item-expand-icon:active,
.acud-cascader-menu-item-loading-icon:active {
color: #84868C;
}
.acud-cascader-menu-item-expand .acud-cascader-menu-item-expand-icon[disabled],
.acud-cascader-menu-item-loading-icon[disabled],
.acud-cascader-menu-item-expand .acud-cascader-menu-item-expand-icon[aria-disabled="true"],
.acud-cascader-menu-item-loading-icon[aria-disabled="true"],
.acud-cascader-menu-item-expand .acud-cascader-menu-item-expand-icon[disabled]:hover,
.acud-cascader-menu-item-loading-icon[disabled]:hover,
.acud-cascader-menu-item-expand .acud-cascader-menu-item-expand-icon[aria-disabled="true"]:hover,
.acud-cascader-menu-item-loading-icon[aria-disabled="true"]:hover,
.acud-cascader-menu-item-expand .acud-cascader-menu-item-expand-icon[disabled]:focus,
.acud-cascader-menu-item-loading-icon[disabled]:focus,
.acud-cascader-menu-item-expand .acud-cascader-menu-item-expand-icon[aria-disabled="true"]:focus,
.acud-cascader-menu-item-loading-icon[aria-disabled="true"]:focus,
.acud-cascader-menu-item-expand .acud-cascader-menu-item-expand-icon[disabled]:active,
.acud-cascader-menu-item-loading-icon[disabled]:active,
.acud-cascader-menu-item-expand .acud-cascader-menu-item-expand-icon[aria-disabled="true"]:active,
.acud-cascader-menu-item-loading-icon[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-cascader-menu-item .acud-cascader-menu-item-keyword {
color: #2468F2;
}
.acud-cascader-tag-tooltip.acud-tooltip,
.acud-cascader-picker-label-tooltip.acud-tooltip,
.acud-cascader-menu-item-tooltip.acud-tooltip {
max-width: initial;
}
.acud-cascader-tag-tooltip-label-item:not(:first-child) {
margin-top: 8px;
}
/* color */
/* 默认颜色 */
/* 通用-icon */
/* 标签 */
/* 默认颜色 */
/* 其他颜色 */
/* 通用 */
/* 水平 */
/* 垂直 */
/* 序号水平 */
/* 序号垂直 */
@font-face {
font-weight: normal;
font-family: password;
font-style: normal;
src: url(data:application/octet-stream;base64,d09GMgABAAAAAAlwAA8AAAAAFagAAAkbAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHFQGVgCCcAgOCZwMEQgKRF0LBgABNgIkAwgEIAWFTQcwDIEcG7MUUZRsUpLsqwR6zKhdXaGVfTsM7f+WMymlIszZICpbZVZ3Dx5TH/HsEc7fzj4xWSyG8GU/oik05aEpk+21YF07B6ZwpSIU4iUmtfV18Z3C/6Out2BRASlwlRcgOUQOaSi0u5O/JC1KGWeK+he1u+rIYd/y17KIaWYy+XeQV1SIPcRk92R6aEr8vrXS1q/uPlQgVIiER8nOzfVsT7Z65ghQBUkBCoVq38kwKbIblxhJPkJGRrkYHyWzxLZ+RIW6C5sUPqJ+SwQIiZhBJfOXriX/6K6zx6nGAAAC5nw5eujALny1B4MB+OUu8kq9Wj7CAXVZPQfeS7+9/EFKFCgcjffMlfsze3ltm2yTXp09zOa4ji921wwono3QQ6ZO1qKyHIlFLdGERYamYoPpt03ZbFyHNPUfD3HxCnIprCU1TKnwDIj43/3920DwlBZZevudkbu3uA9/JYYW6XgrW43rXlFef/jSJ82NfXDewxvQ5hNJWGJAgM3bgIJ58wENDZ/01JE9cUYJVUpsamoWW2snUfxtV+QairM6YG53J9XRwRJpbJ/yKM6m/Om9B6eEosWpJE3OSjS4TR/zVJ469kZmmg7KmKQ+yjkjfqrTIF7fYqq/po40zMVmgXuUPNrzzt+JcaobNyorbxclNqsZy0fH3rIadNWBDtHVAhpHPuKi15O01fhOKSiUsuQt7sOcR2ikseTM9gKUk8sN3Ce4UMXX007k+un1F/V7oWyor/nuSCPnoWYkcm485c9IOS3mgAMthPE6CI/rhGcR36LzPiM54PZ1IFEMN68RRbBtTdyx27gRst6Fs+4J2aFG+387RYu6HVO9T2Xt6k5Oln0W8UNCwg2JO45HBTwQ8NpExxiTn7XAogksVlRjizSRjLceCCAtRD433400tHE3cc7kmjJv6NNCTMGIcBGv+klDOQdOoiR3B6+XMCDGixZjc9HQ09UsjsYEdpG4txrRTk3m2z+dvHWraNkAHFKifNuaL/Ipb0g6j9bJO/P5qg8UoKmOI/aWeaAQSJYo4Bu4TaLAYqawhnsUdgWKkIc98kx9N9IcmwtFLBp3ahoQyd6lGG9/S8205vk8eW3bDZQs9b5Pb3/Vq5zXVcnKpWhMzH5PF8cvRkqkKDIQ5bEVSCh8NjJjQvs6NREWjNA8vqP7nF+47g0pZeJopErD0JqcKeCKQihFDjJShzN+L21Iic0Rws4kKZlZK8OeRsfRb4lii1qQb5E8gxxVvlXO7ZXxPYf2xBg7T6XvjJRW2he8G4vncqAcjelrgYqUhSpZURVrqmZDNexQLbtUxx7Vs08NHLR3w4b+gbj57W/J1CFfF5RLAz2E3HL9u35vbpv+WzCLPRREF3uR8kW3cEDX0AhFExTNULRA0QpFGxTtUHRA0QlFF7SnD+onK/VPLVRmzawaz8azWzJ983UwAv0R3Jr1QArSSiey2+pDu1Q/fKp3HaeBlNbd8nuOZtvDSK03J00v0s3cwWSwbw6f3jME3Wt02zD2wCmODndlJJoRYS9k5jMCJM/sYRtK091ckBGo16rpjUD1BwqMojvWB8bYuhBuWL/qOJqSmQvqtAKLKH89vnNiK6tKH5zPiMVpLKXpw1cDE4AZKixiHOMsz265ckAOr30c+0zqx7GzjUzWqFPHhWuR85li520S8V36ZPSguvgl1cGFHKOJkBqbuTO0ZcHleXW0CIkbpPsalsFwWId1qlRVJ/lyJXdQ/qZq4nx5Zcv60Bkhlygn5AHOWiR5AzFUStqF4zU8KEMzpjoCdtGxuxLd7zD9OTA1DOtIwqkarX+4One6hpCWXoLdo1QzZyZsSWqQnwqPqVNv3qFWdAhnHJpwvXbC67stqRE85Ex3J8rbdC+fdcOBd9Z1CzZvjWh8h2OYugH8xUsqmNZuJyf1uWtRmroWmEfZecetTz232WFz33QaTMTeJidgMkZr2vl1juMY2xRcdkTclKlhZm4m1aCPVnIttttOzrmmXp093PVPfD5a2OURZqbzX7GawbY79irs6t4eOj9X6nxuIi1oZ+PagMjCWmDWeZPPYA/bj0XJ9Hm+euLCnT6E5Y2sb87iwSVopEoVo1LXUjCe0LInMbMwdVqOzWWgqpdjMlchqWXFFKvnLjFfgc1CTgGAy+I9Ohawb4GCAoCQZWrUc48gLSNWQkkhQKqEsmJCkCuhohCgpMSXD4cMV5DhKjJcQ8bXRSzkhhWpWQDQYonbTUKiOkhUF4nqIVF9JGqARA2RqBGSiXHPHZoavXhSq7qta3oKw896PBRg9s177oBOCwO1NKBVA03vEGs9jY2eTrYFTNoB0LF3RDoY0LGBZnaFk57BWc/gomdwdUA3A7obyANyZ/HUs3jpWbz1LD4O6GtAP4Oef89d9U7t+992a+5ySmc2NjfWNG7aNNd9W9p3W7esvHhN/fpeBMlmKQBAwZMDEAQh5pZR+U4SHHn352ve6/rbnn3yww9NP/zUEgS6/4HwZxCXKUG4ich5wTH44mu3vBsBBCb2f31rR8HU/36B/hPgl79KAyR8fKHMPwqS8HEDD2cYkxzoeYVa/hCaFQGE+SKXRt5v68zPhY5iftuUhl25TPAZXqbwmBaNmUQMmKXLHHJYKy6YHctCujnw+hxK+ASNmAA4zDewTCiUgmWKfGkQDaZXDJjpZQ7lskxcMHuWhayXM1fl0Cbf/fPr5nSn/ZW0u568dC/i+fhts/aJXPsEVwTui60jPUrds1rtqb5o8YA3KU0/c/7AwNmz+5+bKptPjb67xD0jcMChPpk0JzjJJU5ziAMc5CyWDtJ0YhkgCiWVy26xzXKC4+WHOM4ujmLZxTnOchAdOoMlBtmvynFE9lHlaJl5H3s4wTFMVgtNBzgnXHEXpykHr8v63O4+PoRlbknRR8SBBfFxrngXUrG32U1nOK/IgFB0lv2yn24bdCXLfLXFchKXw0uyB4v7BkTOIjc3QT/9XatVeFsQMluJEo37hCHx6CWP+Xb1xjsiH2y6LbeLdj95B2/uDnSlG4ZXPwFy1CB+gYbkTou8tWrj7fitjXXayx2tj33kaSSbau5o6qSn/hXE8NTvWbvSeve+Q37XY2RvYt6/o5an33P2uiQJAA==) format('woff2');
}
.acud-input {
width: 100%;
outline: none;
display: flex;
position: relative;
align-items: center;
box-sizing: border-box;
font-weight: 400;
border-width: 1px;
border-style: solid;
overflow: hidden;
font-size: 12px;
height: 32px;
line-height: 32px;
border-radius: 4px;
color: #151B26;
background-color: #FFFFFF;
border-color: #E8E9EB;
}
.acud-input input {
min-width: 0;
padding: 0 12px;
border: none;
height: 100%;
flex-grow: 1;
color: inherit;
font-size: 12px;
}
.acud-input input:-webkit-autofill {
box-shadow: 0 0 0px 1000px white inset !important;
}
.acud-input input:focus {
outline: none;
}
.acud-input-prefix {
display: flex;
padding: 0 8px 0 0;
}
.acud-input-suffix {
display: flex;
padding: 0 0 0 4px;
word-break: keep-all;
}
.acud-input-prefix,
.acud-input-suffix {
color: #84868C;
}
.acud-input-prefix:hover,
.acud-input-suffix:hover {
color: #84868C;
}
.acud-input-prefix:focus,
.acud-input-suffix:focus,
.acud-input-prefix:active,
.acud-input-suffix:active {
color: #84868C;
}
.acud-input-prefix[disabled],
.acud-input-suffix[disabled],
.acud-input-prefix[aria-disabled="true"],
.acud-input-suffix[aria-disabled="true"],
.acud-input-prefix[disabled]:hover,
.acud-input-suffix[disabled]:hover,
.acud-input-prefix[aria-disabled="true"]:hover,
.acud-input-suffix[aria-disabled="true"]:hover,
.acud-input-prefix[disabled]:focus,
.acud-input-suffix[disabled]:focus,
.acud-input-prefix[aria-disabled="true"]:focus,
.acud-input-suffix[aria-disabled="true"]:focus,
.acud-input-prefix[disabled]:active,
.acud-input-suffix[disabled]:active,
.acud-input-prefix[aria-disabled="true"]:active,
.acud-input-suffix[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-input-lg {
font-size: 14px;
height: 40px;
line-height: 40px;
border-radius: 4px;
}
.acud-input-lg input {
font-size: 14px;
}
.acud-input-sm {
font-size: 12px;
height: 24px;
line-height: 24px;
border-radius: 2px;
}
.acud-input-sm input {
padding: 0 8px;
}
.acud-input-sm input input {
font-size: 12px;
}
.acud-input-has-prefix input {
padding: 0;
}
.acud-input-has-prefix {
padding-left: 12px;
}
.acud-input-has-addon-before {
padding-left: 0;
}
.acud-input-has-suffix {
padding-right: 12px;
}
.acud-input-has-addon-after {
padding-right: 0;
}
.acud-input-has-prefix.acud-input-sm {
padding-right: 8px;
padding-left: 8px;
}
.acud-input-has-prefix.acud-input-sm input {
padding: 0px;
}
.acud-input-has-suffix.acud-input-sm {
padding-right: 8px;
padding-left: 8px;
}
.acud-input-has-suffix.acud-input-sm input {
padding: 0px;
}
.acud-input-has-suffix .acud-input-clear-wrapper {
margin-right: 0px;
}
.acud-input-has-limit .acud-input-clear-wrapper {
margin-right: 0px;
}
.acud-input-has-addon-before .acud-input-addon {
margin-left: -1px;
}
.acud-input-has-addon-before input {
padding: 0 8px 0 12px;
}
.acud-input-has-addon-after .acud-input-addon {
margin-right: -1px;
}
.acud-input-has-addon-after input {
padding: 0 8px 0 12px;
}
.acud-input-has-addon-before.acud-input-has-addon-after input {
padding: 0 8px 0 12px;
}
.acud-input-addonOnlyText {
padding: 0 12px 0 12px;
color: #151B26;
background-color: #F7F7F9;
border-color: transparent;
}
.acud-input-addonOnlyText:hover {
color: #151B26;
}
.acud-input-addonOnlyText:focus,
.acud-input-addonOnlyText:active {
color: #151B26;
}
.acud-input-addonOnlyText[disabled],
.acud-input-addonOnlyText[aria-disabled="true"],
.acud-input-addonOnlyText[disabled]:hover,
.acud-input-addonOnlyText[aria-disabled="true"]:hover,
.acud-input-addonOnlyText[disabled]:focus,
.acud-input-addonOnlyText[aria-disabled="true"]:focus,
.acud-input-addonOnlyText[disabled]:active,
.acud-input-addonOnlyText[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-input-addonOnlyText:hover {
background-color: #F2F2F4;
}
.acud-input-addonOnlyText:focus,
.acud-input-addonOnlyText:active {
background-color: #F2F2F4;
}
.acud-input-addonOnlyText[disabled],
.acud-input-addonOnlyText[aria-disabled="true"],
.acud-input-addonOnlyText[disabled]:hover,
.acud-input-addonOnlyText[aria-disabled="true"]:hover,
.acud-input-addonOnlyText[disabled]:focus,
.acud-input-addonOnlyText[aria-disabled="true"]:focus,
.acud-input-addonOnlyText[disabled]:active,
.acud-input-addonOnlyText[aria-disabled="true"]:active {
background-color: #F2F2F4;
}
.acud-input-addonOnlyText:hover {
border-color: transparent;
}
.acud-input-addonOnlyText:focus,
.acud-input-addonOnlyText:active {
border-color: transparent;
}
.acud-input-addonOnlyText[disabled],
.acud-input-addonOnlyText[aria-disabled="true"],
.acud-input-addonOnlyText[disabled]:hover,
.acud-input-addonOnlyText[aria-disabled="true"]:hover,
.acud-input-addonOnlyText[disabled]:focus,
.acud-input-addonOnlyText[aria-disabled="true"]:focus,
.acud-input-addonOnlyText[disabled]:active,
.acud-input-addonOnlyText[aria-disabled="true"]:active {
border-color: transparent;
}
.acud-input-addon {
height: 100%;
display: flex;
align-items: center;
overflow: hidden;
}
.acud-input .acudicon {
display: inline-flex;
align-items: center;
justify-content: center;
}
.acud-input-real-password input {
padding-right: 32px;
font-weight: normal;
font-family: password;
font-style: normal;
/* For safety - reset parent styles, that can break glyph codes*/
font-variant: normal;
/* Font smoothing. That was taken from TWBS */
letter-spacing: 4px;
text-transform: none;
}
.acud-input-real-password ::-webkit-input-placeholder {
color: #B8BABF;
letter-spacing: initial;
}
.acud-input-real-password ::-webkit-input-placeholder:hover {
color: #B8BABF;
}
.acud-input-real-password ::-webkit-input-placeholder:focus,
.acud-input-real-password ::-webkit-input-placeholder:active {
color: #B8BABF;
}
.acud-input-real-password ::-webkit-input-placeholder[disabled],
.acud-input-real-password ::-webkit-input-placeholder[aria-disabled="true"],
.acud-input-real-password ::-webkit-input-placeholder[disabled]:hover,
.acud-input-real-password ::-webkit-input-placeholder[aria-disabled="true"]:hover,
.acud-input-real-password ::-webkit-input-placeholder[disabled]:focus,
.acud-input-real-password ::-webkit-input-placeholder[aria-disabled="true"]:focus,
.acud-input-real-password ::-webkit-input-placeholder[disabled]:active,
.acud-input-real-password ::-webkit-input-placeholder[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-input-real-password ::-moz-placeholder {
color: #B8BABF;
letter-spacing: initial;
font-size: 12px;
}
.acud-input-real-password ::-moz-placeholder:hover {
color: #B8BABF;
}
.acud-input-real-password ::-moz-placeholder:focus,
.acud-input-real-password ::-moz-placeholder:active {
color: #B8BABF;
}
.acud-input-real-password ::-moz-placeholder[disabled],
.acud-input-real-password ::-moz-placeholder[aria-disabled="true"],
.acud-input-real-password ::-moz-placeholder[disabled]:hover,
.acud-input-real-password ::-moz-placeholder[aria-disabled="true"]:hover,
.acud-input-real-password ::-moz-placeholder[disabled]:focus,
.acud-input-real-password ::-moz-placeholder[aria-disabled="true"]:focus,
.acud-input-real-password ::-moz-placeholder[disabled]:active,
.acud-input-real-password ::-moz-placeholder[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-input-real-password :-ms-input-placeholder {
letter-spacing: initial;
font-size: 12px;
}
.acud-input-real-password :-webkit-autofill {
background-color: transparent;
background-image: none;
box-shadow: 0 0 0px 1000px transparent inset !important;
-webkit-transition: background-color 50000s ease-in-out 0s;
transition: background-color 50000s ease-in-out 0s;
-webkit-text-fill-color: tp4 !important;
}
.acud-input ::-webkit-input-placeholder {
color: #B8BABF;
}
.acud-input ::-webkit-input-placeholder:hover {
color: #B8BABF;
}
.acud-input ::-webkit-input-placeholder:focus,
.acud-input ::-webkit-input-placeholder:active {
color: #B8BABF;
}
.acud-input ::-webkit-input-placeholder[disabled],
.acud-input ::-webkit-input-placeholder[aria-disabled="true"],
.acud-input ::-webkit-input-placeholder[disabled]:hover,
.acud-input ::-webkit-input-placeholder[aria-disabled="true"]:hover,
.acud-input ::-webkit-input-placeholder[disabled]:focus,
.acud-input ::-webkit-input-placeholder[aria-disabled="true"]:focus,
.acud-input ::-webkit-input-placeholder[disabled]:active,
.acud-input ::-webkit-input-placeholder[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-input :-moz-placeholder {
color: #B8BABF;
}
.acud-input :-moz-placeholder:hover {
color: #B8BABF;
}
.acud-input :-moz-placeholder:focus,
.acud-input :-moz-placeholder:active {
color: #B8BABF;
}
.acud-input :-moz-placeholder[disabled],
.acud-input :-moz-placeholder[aria-disabled="true"],
.acud-input :-moz-placeholder[disabled]:hover,
.acud-input :-moz-placeholder[aria-disabled="true"]:hover,
.acud-input :-moz-placeholder[disabled]:focus,
.acud-input :-moz-placeholder[aria-disabled="true"]:focus,
.acud-input :-moz-placeholder[disabled]:active,
.acud-input :-moz-placeholder[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-input ::-moz-placeholder {
color: #B8BABF;
}
.acud-input ::-moz-placeholder:hover {
color: #B8BABF;
}
.acud-input ::-moz-placeholder:focus,
.acud-input ::-moz-placeholder:active {
color: #B8BABF;
}
.acud-input ::-moz-placeholder[disabled],
.acud-input ::-moz-placeholder[aria-disabled="true"],
.acud-input ::-moz-placeholder[disabled]:hover,
.acud-input ::-moz-placeholder[aria-disabled="true"]:hover,
.acud-input ::-moz-placeholder[disabled]:focus,
.acud-input ::-moz-placeholder[aria-disabled="true"]:focus,
.acud-input ::-moz-placeholder[disabled]:active,
.acud-input ::-moz-placeholder[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-input :-ms-input-placeholder {
color: #B8BABF;
}
.acud-input :-ms-input-placeholder:hover {
color: #B8BABF;
}
.acud-input :-ms-input-placeholder:focus,
.acud-input :-ms-input-placeholder:active {
color: #B8BABF;
}
.acud-input :-ms-input-placeholder[disabled],
.acud-input :-ms-input-placeholder[aria-disabled="true"],
.acud-input :-ms-input-placeholder[disabled]:hover,
.acud-input :-ms-input-placeholder[aria-disabled="true"]:hover,
.acud-input :-ms-input-placeholder[disabled]:focus,
.acud-input :-ms-input-placeholder[aria-disabled="true"]:focus,
.acud-input :-ms-input-placeholder[disabled]:active,
.acud-input :-ms-input-placeholder[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-input:hover {
color: #151B26;
}
.acud-input:focus,
.acud-input:active {
color: #151B26;
}
.acud-input[disabled],
.acud-input[aria-disabled="true"],
.acud-input[disabled]:hover,
.acud-input[aria-disabled="true"]:hover,
.acud-input[disabled]:focus,
.acud-input[aria-disabled="true"]:focus,
.acud-input[disabled]:active,
.acud-input[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-input:hover {
background-color: #FFFFFF;
}
.acud-input:focus,
.acud-input:active {
background-color: #FFFFFF;
}
.acud-input[disabled],
.acud-input[aria-disabled="true"],
.acud-input[disabled]:hover,
.acud-input[aria-disabled="true"]:hover,
.acud-input[disabled]:focus,
.acud-input[aria-disabled="true"]:focus,
.acud-input[disabled]:active,
.acud-input[aria-disabled="true"]:active {
background-color: #F7F7F9;
}
.acud-input:hover {
border-color: #2468F2;
}
.acud-input:focus,
.acud-input:active {
border-color: #144BCC;
}
.acud-input[disabled],
.acud-input[aria-disabled="true"],
.acud-input[disabled]:hover,
.acud-input[aria-disabled="true"]:hover,
.acud-input[disabled]:focus,
.acud-input[aria-disabled="true"]:focus,
.acud-input[disabled]:active,
.acud-input[aria-disabled="true"]:active {
border-color: #E8E9EB;
}
.acud-input[disabled],
.acud-input[aria-disabled="true"],
.acud-input[disabled]:hover,
.acud-input[aria-disabled="true"]:hover,
.acud-input[disabled]:focus,
.acud-input[aria-disabled="true"]:focus,
.acud-input[disabled]:active,
.acud-input[aria-disabled="true"]:active {
color: #5C5F66;
}
.acud-input-span-focus {
border-color: #144BCC;
}
.acud-input-span-focus:hover {
border-color: #144BCC;
}
.acud-input-warning {
background-color: #FFFFFF;
border-color: #F33E3E;
}
.acud-input-warning:hover {
background-color: #FFFFFF;
}
.acud-input-warning:focus,
.acud-input-warning:active {
background-color: #FFFFFF;
}
.acud-input-warning[disabled],
.acud-input-warning[aria-disabled="true"],
.acud-input-warning[disabled]:hover,
.acud-input-warning[aria-disabled="true"]:hover,
.acud-input-warning[disabled]:focus,
.acud-input-warning[aria-disabled="true"]:focus,
.acud-input-warning[disabled]:active,
.acud-input-warning[aria-disabled="true"]:active {
background-color: #FFFFFF;
}
.acud-input-warning:hover {
border-color: #F33E3E;
}
.acud-input-warning:focus,
.acud-input-warning:active {
border-color: #F33E3E;
}
.acud-input-warning[disabled],
.acud-input-warning[aria-disabled="true"],
.acud-input-warning[disabled]:hover,
.acud-input-warning[aria-disabled="true"]:hover,
.acud-input-warning[disabled]:focus,
.acud-input-warning[aria-disabled="true"]:focus,
.acud-input-warning[disabled]:active,
.acud-input-warning[aria-disabled="true"]:active {
border-color: #F33E3E;
}
.acud-input-suffix-limit-text {
color: #84868C;
padding-right: 12px;
}
.acud-input-suffix-limit-text:hover {
color: #84868C;
}
.acud-input-suffix-limit-text:focus,
.acud-input-suffix-limit-text:active {
color: #84868C;
}
.acud-input-suffix-limit-text[disabled],
.acud-input-suffix-limit-text[aria-disabled="true"],
.acud-input-suffix-limit-text[disabled]:hover,
.acud-input-suffix-limit-text[aria-disabled="true"]:hover,
.acud-input-suffix-limit-text[disabled]:focus,
.acud-input-suffix-limit-text[aria-disabled="true"]:focus,
.acud-input-suffix-limit-text[disabled]:active,
.acud-input-suffix-limit-text[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-input-suffix-warning {
color: #2468F2;
background-color: #FFFFFF;
border-color: #F33E3E;
color: #F33E3E;
font-weight: #FFECD4;
font-size: 12px;
}
.acud-input-suffix-warning:hover {
color: #528EFF;
}
.acud-input-suffix-warning:focus,
.acud-input-suffix-warning:active {
color: #144BCC;
}
.acud-input-suffix-warning[disabled],
.acud-input-suffix-warning[aria-disabled="true"],
.acud-input-suffix-warning[disabled]:hover,
.acud-input-suffix-warning[aria-disabled="true"]:hover,
.acud-input-suffix-warning[disabled]:focus,
.acud-input-suffix-warning[aria-disabled="true"]:focus,
.acud-input-suffix-warning[disabled]:active,
.acud-input-suffix-warning[aria-disabled="true"]:active {
color: #84868C;
}
.acud-input-suffix-warning:hover {
background-color: #FFFFFF;
}
.acud-input-suffix-warning:focus,
.acud-input-suffix-warning:active {
background-color: #FFFFFF;
}
.acud-input-suffix-warning[disabled],
.acud-input-suffix-warning[aria-disabled="true"],
.acud-input-suffix-warning[disabled]:hover,
.acud-input-suffix-warning[aria-disabled="true"]:hover,
.acud-input-suffix-warning[disabled]:focus,
.acud-input-suffix-warning[aria-disabled="true"]:focus,
.acud-input-suffix-warning[disabled]:active,
.acud-input-suffix-warning[aria-disabled="true"]:active {
background-color: #FFFFFF;
}
.acud-input-suffix-warning:hover {
border-color: #F33E3E;
}
.acud-input-suffix-warning:focus,
.acud-input-suffix-warning:active {
border-color: #F33E3E;
}
.acud-input-suffix-warning[disabled],
.acud-input-suffix-warning[aria-disabled="true"],
.acud-input-suffix-warning[disabled]:hover,
.acud-input-suffix-warning[aria-disabled="true"]:hover,
.acud-input-suffix-warning[disabled]:focus,
.acud-input-suffix-warning[aria-disabled="true"]:focus,
.acud-input-suffix-warning[disabled]:active,
.acud-input-suffix-warning[aria-disabled="true"]:active {
border-color: #F33E3E;
}
.acud-input-warning-text {
margin-top: 4px;
margin-bottom: 0;
color: #F33E3E;
font-size: 12px;
}
.acud-input-warning-popover-text {
color: #F33E3E;
}
.acud-input-tips {
margin-top: 4px;
margin-bottom: 0;
font-size: 12px;
color: #B8BABF;
}
.acud-input-tips:hover {
color: #B8BABF;
}
.acud-input-tips:focus,
.acud-input-tips:active {
color: #FF9326;
}
.acud-input-tips[disabled],
.acud-input-tips[aria-disabled="true"],
.acud-input-tips[disabled]:hover,
.acud-input-tips[aria-disabled="true"]:hover,
.acud-input-tips[disabled]:focus,
.acud-input-tips[aria-disabled="true"]:focus,
.acud-input-tips[disabled]:active,
.acud-input-tips[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-input-clear-wrapper {
display: flex;
margin-right: 12px;
text-align: center;
cursor: pointer;
}
.acud-input-clear-wrapper svg {
color: #FFFFFF;
pointer-events: all;
}
.acud-input-clear-wrapper svg:hover {
color: #FFFFFF;
}
.acud-input-clear-wrapper svg:focus,
.acud-input-clear-wrapper svg:active {
color: #FFFFFF;
}
.acud-input-clear-wrapper svg[disabled],
.acud-input-clear-wrapper svg[aria-disabled="true"],
.acud-input-clear-wrapper svg[disabled]:hover,
.acud-input-clear-wrapper svg[aria-disabled="true"]:hover,
.acud-input-clear-wrapper svg[disabled]:focus,
.acud-input-clear-wrapper svg[aria-disabled="true"]:focus,
.acud-input-clear-wrapper svg[disabled]:active,
.acud-input-clear-wrapper svg[aria-disabled="true"]:active {
color: #FFFFFF;
}
.acud-input-label-input {
height: auto;
}
.acud-input-label-input > input {
display: none;
height: auto;
}
.acud-input-label-input .acud-input-clear-wrapper {
top: 4px;
}
.acud-input-label-wrapper {
position: relative;
display: flex;
flex-wrap: wrap;
width: 100%;
height: 100%;
min-height: 32px;
line-height: 24px;
list-style: none;
}
.acud-input-label-wrapper .acud-input-label-item {
display: flex;
align-items: center;
height: 24px;
margin: 0 2px;
margin-top: 4px;
margin-bottom: 4px;
padding: 0 8px;
list-style: none;
border-radius: 2px;
color: #151B26;
background-color: #F7F7F9;
border-color: transparent;
}
.acud-input-label-wrapper .acud-input-label-item:hover {
color: #151B26;
}
.acud-input-label-wrapper .acud-input-label-item:focus,
.acud-input-label-wrapper .acud-input-label-item:active {
color: #151B26;
}
.acud-input-label-wrapper .acud-input-label-item[disabled],
.acud-input-label-wrapper .acud-input-label-item[aria-disabled="true"],
.acud-input-label-wrapper .acud-input-label-item[disabled]:hover,
.acud-input-label-wrapper .acud-input-label-item[aria-disabled="true"]:hover,
.acud-input-label-wrapper .acud-input-label-item[disabled]:focus,
.acud-input-label-wrapper .acud-input-label-item[aria-disabled="true"]:focus,
.acud-input-label-wrapper .acud-input-label-item[disabled]:active,
.acud-input-label-wrapper .acud-input-label-item[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-input-label-wrapper .acud-input-label-item:hover {
background-color: #F2F2F4;
}
.acud-input-label-wrapper .acud-input-label-item:focus,
.acud-input-label-wrapper .acud-input-label-item:active {
background-color: #F2F2F4;
}
.acud-input-label-wrapper .acud-input-label-item[disabled],
.acud-input-label-wrapper .acud-input-label-item[aria-disabled="true"],
.acud-input-label-wrapper .acud-input-label-item[disabled]:hover,
.acud-input-label-wrapper .acud-input-label-item[aria-disabled="true"]:hover,
.acud-input-label-wrapper .acud-input-label-item[disabled]:focus,
.acud-input-label-wrapper .acud-input-label-item[aria-disabled="true"]:focus,
.acud-input-label-wrapper .acud-input-label-item[disabled]:active,
.acud-input-label-wrapper .acud-input-label-item[aria-disabled="true"]:active {
background-color: #F7F7F9;
}
.acud-input-label-wrapper .acud-input-label-item:hover {
border-color: transparent;
}
.acud-input-label-wrapper .acud-input-label-item:focus,
.acud-input-label-wrapper .acud-input-label-item:active {
border-color: transparent;
}
.acud-input-label-wrapper .acud-input-label-item[disabled],
.acud-input-label-wrapper .acud-input-label-item[aria-disabled="true"],
.acud-input-label-wrapper .acud-input-label-item[disabled]:hover,
.acud-input-label-wrapper .acud-input-label-item[aria-disabled="true"]:hover,
.acud-input-label-wrapper .acud-input-label-item[disabled]:focus,
.acud-input-label-wrapper .acud-input-label-item[aria-disabled="true"]:focus,
.acud-input-label-wrapper .acud-input-label-item[disabled]:active,
.acud-input-label-wrapper .acud-input-label-item[aria-disabled="true"]:active {
border-color: transparent;
}
.acud-input-label-wrapper .acud-input-label-item[disabled],
.acud-input-label-wrapper .acud-input-label-item[aria-disabled="true"],
.acud-input-label-wrapper .acud-input-label-item[disabled]:hover,
.acud-input-label-wrapper .acud-input-label-item[aria-disabled="true"]:hover,
.acud-input-label-wrapper .acud-input-label-item[disabled]:focus,
.acud-input-label-wrapper .acud-input-label-item[aria-disabled="true"]:focus,
.acud-input-label-wrapper .acud-input-label-item[disabled]:active,
.acud-input-label-wrapper .acud-input-label-item[aria-disabled="true"]:active {
color: #5C5F66;
background-color: #E8E9EB;
}
.acud-input-label-wrapper .acud-input-label-item .acud-input-label-text {
display: inline-block;
max-width: 95px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
vertical-align: top;
}
.acud-input-label-wrapper .acud-input-label-item .acud-input-label-clear-icon {
width: 12px;
height: 12px;
margin-left: 8px;
cursor: pointer;
color: #84868C;
}
.acud-input-label-wrapper .acud-input-label-item .acud-input-label-clear-icon:hover {
color: #5C5F66;
}
.acud-input-label-wrapper .acud-input-label-item .acud-input-label-clear-icon:focus,
.acud-input-label-wrapper .acud-input-label-item .acud-input-label-clear-icon:active {
color: #303540;
}
.acud-input-label-wrapper .acud-input-label-item .acud-input-label-clear-icon[disabled],
.acud-input-label-wrapper .acud-input-label-item .acud-input-label-clear-icon[aria-disabled="true"],
.acud-input-label-wrapper .acud-input-label-item .acud-input-label-clear-icon[disabled]:hover,
.acud-input-label-wrapper .acud-input-label-item .acud-input-label-clear-icon[aria-disabled="true"]:hover,
.acud-input-label-wrapper .acud-input-label-item .acud-input-label-clear-icon[disabled]:focus,
.acud-input-label-wrapper .acud-input-label-item .acud-input-label-clear-icon[aria-disabled="true"]:focus,
.acud-input-label-wrapper .acud-input-label-item .acud-input-label-clear-icon[disabled]:active,
.acud-input-label-wrapper .acud-input-label-item .acud-input-label-clear-icon[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-input-label-wrapper .acud-input-label-input-box {
display: inline-block;
max-width: 100%;
height: 24px;
margin-top: 4px;
margin-bottom: 4px;
padding-left: 12px;
margin-inline-start: 0;
}
.acud-input-label-wrapper .acud-input-label-input-box input {
max-width: 100%;
margin: 0;
padding-right: 0;
padding-left: 0;
background: 0 0;
border: none;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.acud-input-label-wrapper .acud-input-label-input-box-placeholder {
width: 100%;
}
.acud-input-label-wrapper .acud-input-label-input-box-placeholder input {
width: 100%;
}
.acud-input-label-clear-wrapper {
position: absolute;
top: 2px;
right: 12px;
cursor: pointer;
color: #84868C;
}
.acud-input-label-clear-wrapper:hover {
color: #5C5F66;
}
.acud-input-label-clear-wrapper:focus,
.acud-input-label-clear-wrapper:active {
color: #303540;
}
.acud-input-label-clear-wrapper[disabled],
.acud-input-label-clear-wrapper[aria-disabled="true"],
.acud-input-label-clear-wrapper[disabled]:hover,
.acud-input-label-clear-wrapper[aria-disabled="true"]:hover,
.acud-input-label-clear-wrapper[disabled]:focus,
.acud-input-label-clear-wrapper[aria-disabled="true"]:focus,
.acud-input-label-clear-wrapper[disabled]:active,
.acud-input-label-clear-wrapper[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-input-textarea-outer {
position: relative;
display: flex;
flex-direction: column;
justify-content: flex-end;
width: 100%;
max-width: 100%;
font-size: 12px;
}
.acud-input-textarea-outer-icon-clear {
position: absolute;
top: 4px;
right: 16px;
width: 16px;
height: 16px;
margin-left: 4px;
line-height: 24px;
text-align: center;
cursor: pointer;
}
.acud-input-textarea-outer-icon-clear .acudicon {
vertical-align: -0.3em;
}
.acud-input-textarea {
width: 100%;
min-width: 100%;
max-width: 100%;
padding-top: 6px;
padding-right: 24px;
padding-bottom: 24px;
padding-left: 12px;
overflow: auto;
/* 为了在其他浏览器中生效 */
font-size: 12px;
font-family: -apple-system, BlinkMacSystemFont, 'SF Pro SC', 'SF Pro Text', 'Helvetica Neue', Helvetica, 'PingFang SC', Roboto, 'Arial', 'microsoft yahei ui', 'Microsoft YaHei', SimSun, sans-serif;
border: 1px solid;
border-radius: 4px;
scrollbar-width: thin;
/* Firefox支持 */
scrollbar-color: transparent transparent;
/* Firefox支持 */
color: #151B26;
background-color: #FFFFFF;
border-color: #E8E9EB;
}
.acud-input-textarea::-webkit-input-placeholder {
font-size: 12px;
color: #B8BABF;
}
.acud-input-textarea::-webkit-input-placeholder:hover {
color: #B8BABF;
}
.acud-input-textarea::-webkit-input-placeholder:focus,
.acud-input-textarea::-webkit-input-placeholder:active {
color: #B8BABF;
}
.acud-input-textarea::-webkit-input-placeholder[disabled],
.acud-input-textarea::-webkit-input-placeholder[aria-disabled="true"],
.acud-input-textarea::-webkit-input-placeholder[disabled]:hover,
.acud-input-textarea::-webkit-input-placeholder[aria-disabled="true"]:hover,
.acud-input-textarea::-webkit-input-placeholder[disabled]:focus,
.acud-input-textarea::-webkit-input-placeholder[aria-disabled="true"]:focus,
.acud-input-textarea::-webkit-input-placeholder[disabled]:active,
.acud-input-textarea::-webkit-input-placeholder[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-input-textarea:-moz-placeholder {
color: #B8BABF;
}
.acud-input-textarea::-moz-placeholder {
color: #B8BABF;
}
.acud-input-textarea::-moz-placeholder:hover {
color: #B8BABF;
}
.acud-input-textarea::-moz-placeholder:focus,
.acud-input-textarea::-moz-placeholder:active {
color: #B8BABF;
}
.acud-input-textarea::-moz-placeholder[disabled],
.acud-input-textarea::-moz-placeholder[aria-disabled="true"],
.acud-input-textarea::-moz-placeholder[disabled]:hover,
.acud-input-textarea::-moz-placeholder[aria-disabled="true"]:hover,
.acud-input-textarea::-moz-placeholder[disabled]:focus,
.acud-input-textarea::-moz-placeholder[aria-disabled="true"]:focus,
.acud-input-textarea::-moz-placeholder[disabled]:active,
.acud-input-textarea::-moz-placeholder[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-input-textarea:-ms-input-placeholder {
color: #B8BABF;
}
.acud-input-textarea:hover {
color: #151B26;
}
.acud-input-textarea:focus,
.acud-input-textarea:active {
color: #151B26;
}
.acud-input-textarea[disabled],
.acud-input-textarea[aria-disabled="true"],
.acud-input-textarea[disabled]:hover,
.acud-input-textarea[aria-disabled="true"]:hover,
.acud-input-textarea[disabled]:focus,
.acud-input-textarea[aria-disabled="true"]:focus,
.acud-input-textarea[disabled]:active,
.acud-input-textarea[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-input-textarea:hover {
background-color: #FFFFFF;
}
.acud-input-textarea:focus,
.acud-input-textarea:active {
background-color: #FFFFFF;
}
.acud-input-textarea[disabled],
.acud-input-textarea[aria-disabled="true"],
.acud-input-textarea[disabled]:hover,
.acud-input-textarea[aria-disabled="true"]:hover,
.acud-input-textarea[disabled]:focus,
.acud-input-textarea[aria-disabled="true"]:focus,
.acud-input-textarea[disabled]:active,
.acud-input-textarea[aria-disabled="true"]:active {
background-color: #F7F7F9;
}
.acud-input-textarea:hover {
border-color: #2468F2;
}
.acud-input-textarea:focus,
.acud-input-textarea:active {
border-color: #144BCC;
}
.acud-input-textarea[disabled],
.acud-input-textarea[aria-disabled="true"],
.acud-input-textarea[disabled]:hover,
.acud-input-textarea[aria-disabled="true"]:hover,
.acud-input-textarea[disabled]:focus,
.acud-input-textarea[aria-disabled="true"]:focus,
.acud-input-textarea[disabled]:active,
.acud-input-textarea[aria-disabled="true"]:active {
border-color: #E8E9EB;
}
.acud-input-textarea[disabled],
.acud-input-textarea[aria-disabled="true"],
.acud-input-textarea[disabled]:hover,
.acud-input-textarea[aria-disabled="true"]:hover,
.acud-input-textarea[disabled]:focus,
.acud-input-textarea[aria-disabled="true"]:focus,
.acud-input-textarea[disabled]:active,
.acud-input-textarea[aria-disabled="true"]:active {
color: #5C5F66;
}
.acud-input-textarea-span-focus {
border-color: #144BCC;
}
.acud-input-textarea:focus {
outline: none;
}
.acud-input-textarea-error {
background-color: #FFFFFF;
border-color: #F33E3E;
}
.acud-input-textarea-error:hover {
background-color: #FFFFFF;
}
.acud-input-textarea-error:focus,
.acud-input-textarea-error:active {
background-color: #FFFFFF;
}
.acud-input-textarea-error[disabled],
.acud-input-textarea-error[aria-disabled="true"],
.acud-input-textarea-error[disabled]:hover,
.acud-input-textarea-error[aria-disabled="true"]:hover,
.acud-input-textarea-error[disabled]:focus,
.acud-input-textarea-error[aria-disabled="true"]:focus,
.acud-input-textarea-error[disabled]:active,
.acud-input-textarea-error[aria-disabled="true"]:active {
background-color: #FFFFFF;
}
.acud-input-textarea-error:hover {
border-color: #F33E3E;
}
.acud-input-textarea-error:focus,
.acud-input-textarea-error:active {
border-color: #F33E3E;
}
.acud-input-textarea-error[disabled],
.acud-input-textarea-error[aria-disabled="true"],
.acud-input-textarea-error[disabled]:hover,
.acud-input-textarea-error[aria-disabled="true"]:hover,
.acud-input-textarea-error[disabled]:focus,
.acud-input-textarea-error[aria-disabled="true"]:focus,
.acud-input-textarea-error[disabled]:active,
.acud-input-textarea-error[aria-disabled="true"]:active {
border-color: #F33E3E;
}
.acud-input-textarea-warning {
color: #F33E3E;
}
.acud-input-textarea-autosize {
min-height: 32px;
}
.acud-input-textarea-limit-box {
color: #84868C;
background-color: #FFFFFF;
border-color: #F33E3E;
}
.acud-input-textarea-limit-box:hover {
background-color: #FFFFFF;
}
.acud-input-textarea-limit-box:focus,
.acud-input-textarea-limit-box:active {
background-color: #FFFFFF;
}
.acud-input-textarea-limit-box[disabled],
.acud-input-textarea-limit-box[aria-disabled="true"],
.acud-input-textarea-limit-box[disabled]:hover,
.acud-input-textarea-limit-box[aria-disabled="true"]:hover,
.acud-input-textarea-limit-box[disabled]:focus,
.acud-input-textarea-limit-box[aria-disabled="true"]:focus,
.acud-input-textarea-limit-box[disabled]:active,
.acud-input-textarea-limit-box[aria-disabled="true"]:active {
background-color: #FFFFFF;
}
.acud-input-textarea-limit-box:hover {
border-color: #F33E3E;
}
.acud-input-textarea-limit-box:focus,
.acud-input-textarea-limit-box:active {
border-color: #F33E3E;
}
.acud-input-textarea-limit-box[disabled],
.acud-input-textarea-limit-box[aria-disabled="true"],
.acud-input-textarea-limit-box[disabled]:hover,
.acud-input-textarea-limit-box[aria-disabled="true"]:hover,
.acud-input-textarea-limit-box[disabled]:focus,
.acud-input-textarea-limit-box[aria-disabled="true"]:focus,
.acud-input-textarea-limit-box[disabled]:active,
.acud-input-textarea-limit-box[aria-disabled="true"]:active {
border-color: #F33E3E;
}
.acud-input-textarea-no-limit {
padding-right: 32px;
}
.acud-input-textarea-no-clear {
padding-right: 12px;
}
.acud-input-textarea-readonly {
color: #5C5F66;
background-color: #F7F7F9;
cursor: not-allowed;
pointer-events: none;
}
.acud-input-textarea-readonly:focus {
background-color: #F7F7F9;
border-color: #D4D6D9;
}
.acud-input-textarea-readonly:hover {
background-color: #F7F7F9;
border-color: #D4D6D9;
}
.acud-input-textarea-warning-popover-text {
color: #F33E3E;
}
.acud-input-textarea-limit-box {
position: absolute;
right: 16px;
bottom: 4px;
width: auto;
height: auto;
padding-right: 4px;
padding-left: 4px;
opacity: 0.9;
background-color: #FFFFFF;
border-color: #F33E3E;
}
.acud-input-textarea-limit-box:hover {
background-color: #FFFFFF;
}
.acud-input-textarea-limit-box:focus,
.acud-input-textarea-limit-box:active {
background-color: #FFFFFF;
}
.acud-input-textarea-limit-box[disabled],
.acud-input-textarea-limit-box[aria-disabled="true"],
.acud-input-textarea-limit-box[disabled]:hover,
.acud-input-textarea-limit-box[aria-disabled="true"]:hover,
.acud-input-textarea-limit-box[disabled]:focus,
.acud-input-textarea-limit-box[aria-disabled="true"]:focus,
.acud-input-textarea-limit-box[disabled]:active,
.acud-input-textarea-limit-box[aria-disabled="true"]:active {
background-color: #FFFFFF;
}
.acud-input-textarea-limit-box:hover {
border-color: #F33E3E;
}
.acud-input-textarea-limit-box:focus,
.acud-input-textarea-limit-box:active {
border-color: #F33E3E;
}
.acud-input-textarea-limit-box[disabled],
.acud-input-textarea-limit-box[aria-disabled="true"],
.acud-input-textarea-limit-box[disabled]:hover,
.acud-input-textarea-limit-box[aria-disabled="true"]:hover,
.acud-input-textarea-limit-box[disabled]:focus,
.acud-input-textarea-limit-box[aria-disabled="true"]:focus,
.acud-input-textarea-limit-box[disabled]:active,
.acud-input-textarea-limit-box[aria-disabled="true"]:active {
border-color: #F33E3E;
}
.acud-input-textarea-limit-box-readonly {
background-color: #F7F7F9;
}
.acud-input-textarea-limit-box-readonly:focus {
background-color: #F7F7F9;
}
.acud-input-textarea-limit-box-readonly:hover {
background-color: #F7F7F9;
}
.acud-input-textarea::-webkit-scrollbar {
width: 6px;
/* 设置滚动条宽度 */
}
.acud-input-textarea::-webkit-scrollbar-thumb {
background: transparent;
border-radius: 3px;
/* 圆角边框 */
}
.acud-input-textarea:hover::-webkit-scrollbar-thumb {
background: rgba(0, 0, 0, 0.5);
}
.acud-input-textarea::-webkit-scrollbar-thumb:hover {
background: rgba(0, 0, 0, 0.6);
}
.acud-input-textarea:-webkit-scrollbar-track {
background: transparent;
border-radius: 3px;
}
.acud-input-textarea:-webkit-scrollbar-button {
display: none;
}
.acud-input-password-outer {
position: relative;
}
.acud-input-password-outer-icon {
position: absolute;
top: 2px;
right: 12px;
bottom: 2px;
z-index: 1;
display: flex;
align-items: center;
cursor: pointer;
}
.acud-input-password-outer-icon .acudicon svg {
fill: #84868C;
}
.acud-input-password-outer-icon:hover .acudicon svg {
fill: #5C5F66;
}
.acud-input-password-outer-icon:active .acudicon svg {
fill: #303540;
}
.acud-input-password-outer-icon-disabled {
cursor: not-allowed;
}
.acud-input-password-outer-icon-disabled .acudicon svg {
fill: #D4D6D9 !important;
}
.acud-input-select-tags .acud-select-clear {
right: 12px;
}
.acud-input-select-tags .acud-select-item-checkall {
display: none !important;
}
.acud-input-select-tags .acud-checkbox-wrapper {
display: none !important;
}
.acud-input-select-tags .acud-select-item-option-selected:not(
.acud-select-item-option-input-disabled
) {
color: #2468f2 !important;
}
.acud-select-auto-complete .acud-select-selector {
position: relative;
display: flex;
width: 100%;
cursor: text;
}
.acud-select-auto-complete {
display: block;
width: 100%;
}
.acud-select-auto-complete:not(.acud-select-customize-input) .acud-select-selector {
position: relative;
background-color: #fff;
border-radius: 2px;
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.acud-select-auto-complete:not(.acud-select-customize-input) .acud-select-selector .acud-select-selection-search .acud-select-selection-search-input {
margin: 0;
padding: 0;
background: 0 0;
border: none;
outline: none;
cursor: auto;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.acud-select-auto-complete .acud-select-selector {
position: relative;
display: flex;
width: 100%;
cursor: text;
}
.acud-select-auto-complete .acud-select-selector .acud-select-selection-search {
position: absolute;
z-index: 2;
inset: 0 12px;
}
.acud-select-auto-complete .acud-select-selector .acud-select-selection-search .acud-select-selection-search-input {
width: 100%;
}
.acud-select-auto-complete .acud-select-selector .acud-select-selection-placeholder {
z-index: 1;
flex: 1;
padding-right: 12px;
padding-left: 12px;
overflow: hidden;
color: #bfbfbf;
white-space: nowrap;
text-overflow: ellipsis;
transition: none;
pointer-events: none;
}
/* color */
/* 默认颜色 */
/* 通用-icon */
/* 标签 */
/* 默认颜色 */
/* 其他颜色 */
/* 通用 */
/* 水平 */
/* 垂直 */
/* 序号水平 */
/* 序号垂直 */
.acud-tag {
margin: 0;
padding: 0;
display: inline-block;
height: auto;
margin-right: 8px;
padding: 0 8px;
font-size: 12px;
white-space: nowrap;
background: #F7F7F9;
border-radius: 2px;
transition: all 0.3s;
color: #151B26;
}
.acud-tag:hover {
color: #151B26;
}
.acud-tag:focus,
.acud-tag:active {
color: #151B26;
}
.acud-tag[disabled],
.acud-tag[aria-disabled="true"],
.acud-tag[disabled]:hover,
.acud-tag[aria-disabled="true"]:hover,
.acud-tag[disabled]:focus,
.acud-tag[aria-disabled="true"]:focus,
.acud-tag[disabled]:active,
.acud-tag[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-tag > a:first-child:last-child {
display: inline-block;
margin: 0 -8px;
padding: 0 8px;
}
.acud-tag-close-icon {
font-size: 16px;
cursor: pointer;
transition: all 0.3s;
margin-left: 4px;
}
.acud-tag-close-icon > svg {
vertical-align: middle;
}
.acud-tag .acudicon {
color: #84868C;
line-height: 100%;
}
.acud-tag .acudicon:hover {
color: #5C5F66;
}
.acud-tag .acudicon:focus,
.acud-tag .acudicon:active {
color: #303540;
}
.acud-tag .acudicon[disabled],
.acud-tag .acudicon[aria-disabled="true"],
.acud-tag .acudicon[disabled]:hover,
.acud-tag .acudicon[aria-disabled="true"]:hover,
.acud-tag .acudicon[disabled]:focus,
.acud-tag .acudicon[aria-disabled="true"]:focus,
.acud-tag .acudicon[disabled]:active,
.acud-tag .acudicon[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-tag-has-color {
border-color: transparent;
}
.acud-tag-has-color,
.acud-tag-has-color a,
.acud-tag-has-color a:hover,
.acud-tag-has-color .acudicon-close,
.acud-tag-has-color .acudicon-close:hover {
color: #151B26;
}
.acud-tag-checkable {
color: #151B26;
background-color: #F7F7F9;
border-color: transparent;
cursor: pointer;
}
.acud-tag-checkable:hover {
color: #151B26;
}
.acud-tag-checkable:focus,
.acud-tag-checkable:active {
color: #151B26;
}
.acud-tag-checkable[disabled],
.acud-tag-checkable[aria-disabled="true"],
.acud-tag-checkable[disabled]:hover,
.acud-tag-checkable[aria-disabled="true"]:hover,
.acud-tag-checkable[disabled]:focus,
.acud-tag-checkable[aria-disabled="true"]:focus,
.acud-tag-checkable[disabled]:active,
.acud-tag-checkable[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-tag-checkable:hover {
background-color: #F2F2F4;
}
.acud-tag-checkable:focus,
.acud-tag-checkable:active {
background-color: #F2F2F4;
}
.acud-tag-checkable[disabled],
.acud-tag-checkable[aria-disabled="true"],
.acud-tag-checkable[disabled]:hover,
.acud-tag-checkable[aria-disabled="true"]:hover,
.acud-tag-checkable[disabled]:focus,
.acud-tag-checkable[aria-disabled="true"]:focus,
.acud-tag-checkable[disabled]:active,
.acud-tag-checkable[aria-disabled="true"]:active {
background-color: #F7F7F9;
}
.acud-tag-checkable:hover {
border-color: transparent;
}
.acud-tag-checkable:focus,
.acud-tag-checkable:active {
border-color: transparent;
}
.acud-tag-checkable[disabled],
.acud-tag-checkable[aria-disabled="true"],
.acud-tag-checkable[disabled]:hover,
.acud-tag-checkable[aria-disabled="true"]:hover,
.acud-tag-checkable[disabled]:focus,
.acud-tag-checkable[aria-disabled="true"]:focus,
.acud-tag-checkable[disabled]:active,
.acud-tag-checkable[aria-disabled="true"]:active {
border-color: transparent;
}
.acud-tag-checkable-checked {
color: #FFFFFF;
background-color: #2468F2;
border-color: transparent;
cursor: pointer;
}
.acud-tag-checkable-checked:hover {
color: #FFFFFF;
}
.acud-tag-checkable-checked:focus,
.acud-tag-checkable-checked:active {
color: #FFFFFF;
}
.acud-tag-checkable-checked[disabled],
.acud-tag-checkable-checked[aria-disabled="true"],
.acud-tag-checkable-checked[disabled]:hover,
.acud-tag-checkable-checked[aria-disabled="true"]:hover,
.acud-tag-checkable-checked[disabled]:focus,
.acud-tag-checkable-checked[aria-disabled="true"]:focus,
.acud-tag-checkable-checked[disabled]:active,
.acud-tag-checkable-checked[aria-disabled="true"]:active {
color: #FFFFFF;
}
.acud-tag-checkable-checked:hover {
background-color: #528EFF;
}
.acud-tag-checkable-checked:focus,
.acud-tag-checkable-checked:active {
background-color: #144BCC;
}
.acud-tag-checkable-checked[disabled],
.acud-tag-checkable-checked[aria-disabled="true"],
.acud-tag-checkable-checked[disabled]:hover,
.acud-tag-checkable-checked[aria-disabled="true"]:hover,
.acud-tag-checkable-checked[disabled]:focus,
.acud-tag-checkable-checked[aria-disabled="true"]:focus,
.acud-tag-checkable-checked[disabled]:active,
.acud-tag-checkable-checked[aria-disabled="true"]:active {
background-color: #E8E9EB;
}
.acud-tag-checkable-checked:hover {
border-color: transparent;
}
.acud-tag-checkable-checked:focus,
.acud-tag-checkable-checked:active {
border-color: transparent;
}
.acud-tag-checkable-checked[disabled],
.acud-tag-checkable-checked[aria-disabled="true"],
.acud-tag-checkable-checked[disabled]:hover,
.acud-tag-checkable-checked[aria-disabled="true"]:hover,
.acud-tag-checkable-checked[disabled]:focus,
.acud-tag-checkable-checked[aria-disabled="true"]:focus,
.acud-tag-checkable-checked[disabled]:active,
.acud-tag-checkable-checked[aria-disabled="true"]:active {
border-color: transparent;
}
.acud-tag-transparent-checkable {
color: #151B26;
background-color: transparent;
border-color: transparent;
cursor: pointer;
}
.acud-tag-transparent-checkable:hover {
color: #151B26;
}
.acud-tag-transparent-checkable:focus,
.acud-tag-transparent-checkable:active {
color: #151B26;
}
.acud-tag-transparent-checkable[disabled],
.acud-tag-transparent-checkable[aria-disabled="true"],
.acud-tag-transparent-checkable[disabled]:hover,
.acud-tag-transparent-checkable[aria-disabled="true"]:hover,
.acud-tag-transparent-checkable[disabled]:focus,
.acud-tag-transparent-checkable[aria-disabled="true"]:focus,
.acud-tag-transparent-checkable[disabled]:active,
.acud-tag-transparent-checkable[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-tag-transparent-checkable:hover {
background-color: #F2F2F4;
}
.acud-tag-transparent-checkable:focus,
.acud-tag-transparent-checkable:active {
background-color: #F2F2F4;
}
.acud-tag-transparent-checkable[disabled],
.acud-tag-transparent-checkable[aria-disabled="true"],
.acud-tag-transparent-checkable[disabled]:hover,
.acud-tag-transparent-checkable[aria-disabled="true"]:hover,
.acud-tag-transparent-checkable[disabled]:focus,
.acud-tag-transparent-checkable[aria-disabled="true"]:focus,
.acud-tag-transparent-checkable[disabled]:active,
.acud-tag-transparent-checkable[aria-disabled="true"]:active {
background-color: #F7F7F9;
}
.acud-tag-transparent-checkable:hover {
border-color: transparent;
}
.acud-tag-transparent-checkable:focus,
.acud-tag-transparent-checkable:active {
border-color: transparent;
}
.acud-tag-transparent-checkable[disabled],
.acud-tag-transparent-checkable[aria-disabled="true"],
.acud-tag-transparent-checkable[disabled]:hover,
.acud-tag-transparent-checkable[aria-disabled="true"]:hover,
.acud-tag-transparent-checkable[disabled]:focus,
.acud-tag-transparent-checkable[aria-disabled="true"]:focus,
.acud-tag-transparent-checkable[disabled]:active,
.acud-tag-transparent-checkable[aria-disabled="true"]:active {
border-color: transparent;
}
.acud-tag-transparent-checkable-checked {
color: #FFFFFF;
background-color: #2468F2;
border-color: transparent;
cursor: pointer;
}
.acud-tag-transparent-checkable-checked:hover {
color: #FFFFFF;
}
.acud-tag-transparent-checkable-checked:focus,
.acud-tag-transparent-checkable-checked:active {
color: #FFFFFF;
}
.acud-tag-transparent-checkable-checked[disabled],
.acud-tag-transparent-checkable-checked[aria-disabled="true"],
.acud-tag-transparent-checkable-checked[disabled]:hover,
.acud-tag-transparent-checkable-checked[aria-disabled="true"]:hover,
.acud-tag-transparent-checkable-checked[disabled]:focus,
.acud-tag-transparent-checkable-checked[aria-disabled="true"]:focus,
.acud-tag-transparent-checkable-checked[disabled]:active,
.acud-tag-transparent-checkable-checked[aria-disabled="true"]:active {
color: #FFFFFF;
}
.acud-tag-transparent-checkable-checked:hover {
background-color: #528EFF;
}
.acud-tag-transparent-checkable-checked:focus,
.acud-tag-transparent-checkable-checked:active {
background-color: #144BCC;
}
.acud-tag-transparent-checkable-checked[disabled],
.acud-tag-transparent-checkable-checked[aria-disabled="true"],
.acud-tag-transparent-checkable-checked[disabled]:hover,
.acud-tag-transparent-checkable-checked[aria-disabled="true"]:hover,
.acud-tag-transparent-checkable-checked[disabled]:focus,
.acud-tag-transparent-checkable-checked[aria-disabled="true"]:focus,
.acud-tag-transparent-checkable-checked[disabled]:active,
.acud-tag-transparent-checkable-checked[aria-disabled="true"]:active {
background-color: #E8E9EB;
}
.acud-tag-transparent-checkable-checked:hover {
border-color: transparent;
}
.acud-tag-transparent-checkable-checked:focus,
.acud-tag-transparent-checkable-checked:active {
border-color: transparent;
}
.acud-tag-transparent-checkable-checked[disabled],
.acud-tag-transparent-checkable-checked[aria-disabled="true"],
.acud-tag-transparent-checkable-checked[disabled]:hover,
.acud-tag-transparent-checkable-checked[aria-disabled="true"]:hover,
.acud-tag-transparent-checkable-checked[disabled]:focus,
.acud-tag-transparent-checkable-checked[aria-disabled="true"]:focus,
.acud-tag-transparent-checkable-checked[disabled]:active,
.acud-tag-transparent-checkable-checked[aria-disabled="true"]:active {
border-color: transparent;
}
.acud-tag-hidden {
display: none;
}
.acud-tag > .acudicon + span,
.acud-tag > span + .acudicon {
margin-left: 8px;
}
.acud-tag-active-enhance {
color: #FFFFFF;
background-color: #2468F2;
}
.acud-tag-active-enhance .acudicon {
color: #FFFFFF;
}
.acud-tag-active-enhance .acudicon:hover {
color: #FFFFFF;
}
.acud-tag-active-enhance:hover {
color: #FFFFFF;
}
.acud-tag-active-enhance[disabled] .acudicon {
color: #B8BABF;
}
.acud-tag-processing-enhance {
color: #FFFFFF;
background-color: #FAD000;
}
.acud-tag-processing-enhance .acudicon {
color: #FFFFFF;
}
.acud-tag-processing-enhance .acudicon:hover {
color: #FFFFFF;
}
.acud-tag-processing-enhance:hover {
color: #FFFFFF;
}
.acud-tag-processing-enhance[disabled] .acudicon {
color: #B8BABF;
}
.acud-tag-success-enhance {
color: #FFFFFF;
background-color: #30BF13;
}
.acud-tag-success-enhance .acudicon {
color: #FFFFFF;
}
.acud-tag-success-enhance .acudicon:hover {
color: #FFFFFF;
}
.acud-tag-success-enhance:hover {
color: #FFFFFF;
}
.acud-tag-success-enhance[disabled] .acudicon {
color: #B8BABF;
}
.acud-tag-error-enhance {
color: #FFFFFF;
background-color: #F33E3E;
}
.acud-tag-error-enhance .acudicon {
color: #FFFFFF;
}
.acud-tag-error-enhance .acudicon:hover {
color: #FFFFFF;
}
.acud-tag-error-enhance:hover {
color: #FFFFFF;
}
.acud-tag-error-enhance[disabled] .acudicon {
color: #B8BABF;
}
.acud-tag-warning-enhance {
color: #FFFFFF;
background-color: #FF9326;
}
.acud-tag-warning-enhance .acudicon {
color: #FFFFFF;
}
.acud-tag-warning-enhance .acudicon:hover {
color: #FFFFFF;
}
.acud-tag-warning-enhance:hover {
color: #FFFFFF;
}
.acud-tag-warning-enhance[disabled] .acudicon {
color: #B8BABF;
}
.acud-tag-inactive-enhance {
color: #FFFFFF;
background-color: #B8BABF;
}
.acud-tag-inactive-enhance .acudicon {
color: #FFFFFF;
}
.acud-tag-inactive-enhance .acudicon:hover {
color: #FFFFFF;
}
.acud-tag-inactive-enhance:hover {
color: #FFFFFF;
}
.acud-tag-inactive-enhance[disabled] .acudicon {
color: #B8BABF;
}
.acud-tag-active {
color: #2468F2;
font-size: 12px;
border-radius: 2px;
background-color: #E6F0FF;
}
.acud-tag-active .acudicon {
color: #2468F2;
}
.acud-tag-active .acudicon:hover {
color: #2468F2;
}
.acud-tag-active:hover {
color: #2468F2;
}
.acud-tag-active[disabled] .acudicon {
color: #B8BABF;
}
.acud-tag-processing {
color: #FAD000;
font-size: 12px;
border-radius: 2px;
background-color: #FFFDE6;
}
.acud-tag-processing .acudicon {
color: #FAD000;
}
.acud-tag-processing .acudicon:hover {
color: #FAD000;
}
.acud-tag-processing:hover {
color: #FAD000;
}
.acud-tag-processing[disabled] .acudicon {
color: #B8BABF;
}
.acud-tag-success {
color: #30BF13;
font-size: 12px;
border-radius: 2px;
background-color: #ECFFE6;
}
.acud-tag-success .acudicon {
color: #30BF13;
}
.acud-tag-success .acudicon:hover {
color: #30BF13;
}
.acud-tag-success:hover {
color: #30BF13;
}
.acud-tag-success[disabled] .acudicon {
color: #B8BABF;
}
.acud-tag-error {
color: #F33E3E;
font-size: 12px;
border-radius: 2px;
background-color: #FFE8E6;
}
.acud-tag-error .acudicon {
color: #F33E3E;
}
.acud-tag-error .acudicon:hover {
color: #F33E3E;
}
.acud-tag-error:hover {
color: #F33E3E;
}
.acud-tag-error[disabled] .acudicon {
color: #B8BABF;
}
.acud-tag-warning {
color: #FF9326;
font-size: 12px;
border-radius: 2px;
background-color: #FFF4E6;
}
.acud-tag-warning .acudicon {
color: #FF9326;
}
.acud-tag-warning .acudicon:hover {
color: #FF9326;
}
.acud-tag-warning:hover {
color: #FF9326;
}
.acud-tag-warning[disabled] .acudicon {
color: #B8BABF;
}
.acud-tag-inactive {
color: #151B26;
font-size: 12px;
border-radius: 2px;
background-color: #F7F7F9;
}
.acud-tag-inactive .acudicon {
color: #151B26;
}
.acud-tag-inactive .acudicon:hover {
color: #151B26;
}
.acud-tag-inactive:hover {
color: #151B26;
}
.acud-tag-inactive[disabled] .acudicon {
color: #B8BABF;
}
.acud-tag-active-outline {
color: #2468F2;
font-size: 12px;
border-radius: 2px;
background-color: #E6F0FF;
border: 1px solid #A8CAFF;
}
.acud-tag-active-outline .acudicon {
color: #2468F2;
}
.acud-tag-active-outline .acudicon:hover {
color: #2468F2;
}
.acud-tag-active-outline:hover {
color: #2468F2;
}
.acud-tag-active-outline[disabled] {
border-width: 0;
}
.acud-tag-active-outline[disabled] .acudicon {
color: #B8BABF;
}
.acud-tag-processing-outline {
color: #FAD000;
font-size: 12px;
border-radius: 2px;
background-color: #FFFDE6;
border: 1px solid #FFF291;
}
.acud-tag-processing-outline .acudicon {
color: #FAD000;
}
.acud-tag-processing-outline .acudicon:hover {
color: #FAD000;
}
.acud-tag-processing-outline:hover {
color: #FAD000;
}
.acud-tag-processing-outline[disabled] {
border-width: 0;
}
.acud-tag-processing-outline[disabled] .acudicon {
color: #B8BABF;
}
.acud-tag-success-outline {
color: #30BF13;
font-size: 12px;
border-radius: 2px;
background-color: #ECFFE6;
border: 1px solid #A5E693;
}
.acud-tag-success-outline .acudicon {
color: #30BF13;
}
.acud-tag-success-outline .acudicon:hover {
color: #30BF13;
}
.acud-tag-success-outline:hover {
color: #30BF13;
}
.acud-tag-success-outline[disabled] {
border-width: 0;
}
.acud-tag-success-outline[disabled] .acudicon {
color: #B8BABF;
}
.acud-tag-error-outline {
color: #F33E3E;
font-size: 12px;
border-radius: 2px;
background-color: #FFE8E6;
border: 1px solid #FFB6B3;
}
.acud-tag-error-outline .acudicon {
color: #F33E3E;
}
.acud-tag-error-outline .acudicon:hover {
color: #F33E3E;
}
.acud-tag-error-outline:hover {
color: #F33E3E;
}
.acud-tag-error-outline[disabled] {
border-width: 0;
}
.acud-tag-error-outline[disabled] .acudicon {
color: #B8BABF;
}
.acud-tag-warning-outline {
color: #FF9326;
font-size: 12px;
border-radius: 2px;
background-color: #FFF4E6;
border: 1px solid #FFD8A8;
}
.acud-tag-warning-outline .acudicon {
color: #FF9326;
}
.acud-tag-warning-outline .acudicon:hover {
color: #FF9326;
}
.acud-tag-warning-outline:hover {
color: #FF9326;
}
.acud-tag-warning-outline[disabled] {
border-width: 0;
}
.acud-tag-warning-outline[disabled] .acudicon {
color: #B8BABF;
}
.acud-tag-inactive-outline {
color: #151B26;
font-size: 12px;
border-radius: 2px;
background-color: #F7F7F9;
border: 1px solid #D4D6D9;
}
.acud-tag-inactive-outline .acudicon {
color: #151B26;
}
.acud-tag-inactive-outline .acudicon:hover {
color: #151B26;
}
.acud-tag-inactive-outline:hover {
color: #151B26;
}
.acud-tag-inactive-outline[disabled] {
border-width: 0;
}
.acud-tag-inactive-outline[disabled] .acudicon {
color: #B8BABF;
}
.acud-tag-processing-status {
color: #528EFF;
background-color: #E6F0FF;
}
.acud-tag-processing-status .acudicon {
color: #528EFF;
}
.acud-tag-processing-status .acudicon:hover {
color: #528EFF;
}
.acud-tag-processing-status:hover {
color: #528EFF;
}
.acud-tag-processing-status[disabled] .acudicon {
color: #B8BABF;
}
.acud-tag-success-status {
color: #30BF13;
background-color: #ECFFE6;
}
.acud-tag-success-status .acudicon {
color: #30BF13;
}
.acud-tag-success-status .acudicon:hover {
color: #30BF13;
}
.acud-tag-success-status:hover {
color: #30BF13;
}
.acud-tag-success-status[disabled] .acudicon {
color: #B8BABF;
}
.acud-tag-error-status {
color: #F33E3E;
background-color: #FFE8E6;
}
.acud-tag-error-status .acudicon {
color: #F33E3E;
}
.acud-tag-error-status .acudicon:hover {
color: #F33E3E;
}
.acud-tag-error-status:hover {
color: #F33E3E;
}
.acud-tag-error-status[disabled] .acudicon {
color: #B8BABF;
}
.acud-tag-warning-status {
color: #FF9326;
background-color: #FFF4E6;
}
.acud-tag-warning-status .acudicon {
color: #FF9326;
}
.acud-tag-warning-status .acudicon:hover {
color: #FF9326;
}
.acud-tag-warning-status:hover {
color: #FF9326;
}
.acud-tag-warning-status[disabled] .acudicon {
color: #B8BABF;
}
.acud-tag-status {
line-height: 20px;
color: #FFFFFF;
}
.acud-tag-type-marketing {
position: relative;
width: 50px;
height: 16px !important;
background: transparent;
border-top: 0px solid transparent;
border-bottom: 15px solid green;
border-left: 16px solid transparent;
border-right: 16px solid transparent;
transform: rotate(-46deg);
padding: 0;
overflow: visible;
}
.acud-tag-type-business {
color: #fff;
position: relative;
padding-left: 10px;
}
.acud-tag-type-business:hover {
color: #fff;
}
.acud-tag-type-business .business-icon {
position: absolute;
width: 20px;
height: 20px;
left: -10px;
}
.acud-tag-type-subscription {
background: transparent;
}
.acud-tag-type-subscription span {
color: #84868C;
}
.acud-tag-type-subscription span:hover {
color: #5C5F66;
}
.acud-tag-type-subscription span:focus,
.acud-tag-type-subscription span:active {
color: #FF9326;
}
.acud-tag-type-subscription span[disabled],
.acud-tag-type-subscription span[aria-disabled="true"],
.acud-tag-type-subscription span[disabled]:hover,
.acud-tag-type-subscription span[aria-disabled="true"]:hover,
.acud-tag-type-subscription span[disabled]:focus,
.acud-tag-type-subscription span[aria-disabled="true"]:focus,
.acud-tag-type-subscription span[disabled]:active,
.acud-tag-type-subscription span[aria-disabled="true"]:active {
color: transparent;
}
.acud-tag-type-edit {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
padding-right: 4px;
line-height: 24px;
}
.acud-tag-type-edit[disabled],
.acud-tag-type-edit[disabled]:hover {
color: #84868C;
background-color: #E8E9EB;
padding-right: 8px;
}
.acud-tag-type-edit[disabled] .acudicon,
.acud-tag-type-edit[disabled]:hover .acudicon {
display: none;
}
.acud-tag-render-container {
display: flex;
align-items: center;
}
.acud-tag-render-container .circle {
width: 12px;
height: 12px;
border-radius: 12px;
margin-right: 6px;
position: relative;
}
.acud-tag-render-container .circle::after {
display: block;
content: '';
width: 8px;
height: 8px;
border-radius: 8px;
position: absolute;
left: 2px;
top: 2px;
}
.acud-tag .circle.status-inactive::after {
background: #D4D6D9;
}
.acud-tag .circle.status-active::after {
background: #2468F2;
}
.acud-tag .circle.status-processing::after {
background: #528EFF;
}
.acud-tag .circle.status-success::after {
background: #30BF13;
}
.acud-tag .circle.status-error::after {
background: #F33E3E;
}
.acud-tag .circle.status-warning::after {
background: #FF9326;
}
.acud-tag .circle.status-processing::after {
animation: flash 0.4s ease-in infinite alternate;
}
@keyframes flash {
from {
transform: scale(0.7);
box-shadow: 0 0 0 3px #d4e5ff;
}
to {
transform: scale(1);
box-shadow: 0 0 0 0px #d4e5ff;
}
}
.acud-tag-list-order-color-1 {
color: #001E80;
}
.acud-tag-list-order-bg-color-1 {
background-color: #E6F0FF;
}
.acud-tag-list-order-bg-color-1-enhance {
color: #fff;
background-color: #2468F2;
}
.acud-tag-list-order-bg-color-1-enhance:hover {
color: #fff;
}
.acud-tag-list-order-border-color-1 {
border-width: 1px;
border-style: solid;
border-color: #A8CAFF;
}
.acud-tag-list-order-color-2 {
color: #00454D;
}
.acud-tag-list-order-bg-color-2 {
background-color: #E6FFFD;
}
.acud-tag-list-order-bg-color-2-enhance {
color: #fff;
background-color: #57D9D4;
}
.acud-tag-list-order-bg-color-2-enhance:hover {
color: #fff;
}
.acud-tag-list-order-border-color-2 {
border-width: 1px;
border-style: solid;
border-color: #C2F2EF;
}
.acud-tag-list-order-color-3 {
color: #41078C;
}
.acud-tag-list-order-bg-color-3 {
background-color: #ECE6FF;
}
.acud-tag-list-order-bg-color-3-enhance {
color: #fff;
background-color: #8F5CFF;
}
.acud-tag-list-order-bg-color-3-enhance:hover {
color: #fff;
}
.acud-tag-list-order-border-color-3 {
border-width: 1px;
border-style: solid;
border-color: #C5ADFF;
}
.acud-tag-list-order-color-4 {
color: #8C3800;
}
.acud-tag-list-order-bg-color-4 {
background-color: #FFF4E6;
}
.acud-tag-list-order-bg-color-4-enhance {
color: #fff;
background-color: #FFAB52;
}
.acud-tag-list-order-bg-color-4-enhance:hover {
color: #fff;
}
.acud-tag-list-order-border-color-4 {
border-width: 1px;
border-style: solid;
border-color: #FFD8A8;
}
.acud-tag-list-order-color-5 {
color: #730635;
}
.acud-tag-list-order-bg-color-5 {
background-color: #FFE6EC;
}
.acud-tag-list-order-bg-color-5-enhance {
color: #fff;
background-color: #F25788;
}
.acud-tag-list-order-bg-color-5-enhance:hover {
color: #fff;
}
.acud-tag-list-order-border-color-5 {
border-width: 1px;
border-style: solid;
border-color: #FFADC5;
}
.acud-tag-list-order-color-6 {
color: #004173;
}
.acud-tag-list-order-bg-color-6 {
background-color: #E6F9FF;
}
.acud-tag-list-order-bg-color-6-enhance {
color: #fff;
background-color: #0099E6;
}
.acud-tag-list-order-bg-color-6-enhance:hover {
color: #fff;
}
.acud-tag-list-order-border-color-6 {
border-width: 1px;
border-style: solid;
border-color: #99E2FF;
}
.acud-tag-list-order-color-7 {
color: #800D18;
}
.acud-tag-list-order-bg-color-7 {
background-color: #FFE8E6;
}
.acud-tag-list-order-bg-color-7-enhance {
color: #fff;
background-color: #FF908C;
}
.acud-tag-list-order-bg-color-7-enhance:hover {
color: #fff;
}
.acud-tag-list-order-border-color-7 {
border-width: 1px;
border-style: solid;
border-color: #FFB6B3;
}
.acud-tag-list-order-color-8 {
color: #054D00;
}
.acud-tag-list-order-bg-color-8 {
background-color: #ECFFE6;
}
.acud-tag-list-order-bg-color-8-enhance {
color: #fff;
background-color: #7BD964;
}
.acud-tag-list-order-bg-color-8-enhance:hover {
color: #fff;
}
.acud-tag-list-order-border-color-8 {
border-width: 1px;
border-style: solid;
border-color: #A5E693;
}
.acud-tag-list-order-color-9 {
color: #21158C;
}
.acud-tag-list-order-bg-color-9 {
background-color: #E6E8FF;
}
.acud-tag-list-order-bg-color-9-enhance {
color: #fff;
background-color: #4D4DFF;
}
.acud-tag-list-order-bg-color-9-enhance:hover {
color: #fff;
}
.acud-tag-list-order-border-color-9 {
border-width: 1px;
border-style: solid;
border-color: #B8BBFF;
}
.acud-tag-list-order-color-10 {
color: #876300;
}
.acud-tag-list-order-bg-color-10 {
background-color: #FFFDE6;
}
.acud-tag-list-order-bg-color-10-enhance {
color: #fff;
background-color: #FAD000;
}
.acud-tag-list-order-bg-color-10-enhance:hover {
color: #fff;
}
.acud-tag-list-order-border-color-10 {
border-width: 1px;
border-style: solid;
border-color: #FFF291;
}
.acud-tag-md {
height: 20px;
line-height: 20px;
border-radius: 2px;
font-size: 12px;
}
.acud-tag-md-text-hidden span.text-hidden {
max-width: 132px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.acud-tag-md-has-icon .acudicon {
height: 14px;
}
.acud-tag-md-has-icon .acudicon svg {
width: 14px;
}
.acud-tag-md-has-icon img {
height: 14px;
width: 14px;
}
.acud-tag-md-has-icon .acudicon + span,
.acud-tag-md-has-icon img + span {
margin-left: 4px;
}
.acud-tag-md-only-icon {
padding-right: 2px;
padding-left: 2px;
}
.acud-tag-md-has-icon > .acudicon {
height: 16px;
font-size: 16px;
}
.acud-tag-md-outline {
height: 20px;
line-height: 18px;
border-radius: 2px;
font-size: 12px;
}
.acud-tag-md-outline-text-hidden span.text-hidden {
max-width: 132px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.acud-tag-md-outline-has-icon .acudicon {
height: 14px;
}
.acud-tag-md-outline-has-icon .acudicon svg {
width: 14px;
}
.acud-tag-md-outline-has-icon img {
height: 14px;
width: 14px;
}
.acud-tag-md-outline-has-icon .acudicon + span,
.acud-tag-md-outline-has-icon img + span {
margin-left: 4px;
}
.acud-tag-md-outline-only-icon {
padding-right: 1px;
padding-left: 1px;
}
.acud-tag-md-outline-has-icon > .acudicon {
height: 16px;
font-size: 16px;
}
.acud-tag-lg {
height: 24px;
line-height: 24px;
border-radius: 2px;
font-size: 12px;
}
.acud-tag-lg-text-hidden span.text-hidden {
max-width: 132px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.acud-tag-lg-has-icon .acudicon {
height: 14px;
}
.acud-tag-lg-has-icon .acudicon svg {
width: 14px;
}
.acud-tag-lg-has-icon img {
height: 14px;
width: 14px;
}
.acud-tag-lg-has-icon .acudicon + span,
.acud-tag-lg-has-icon img + span {
margin-left: 4px;
}
.acud-tag-lg-only-icon {
padding-right: 4px;
padding-left: 4px;
}
.acud-tag-lg-has-icon > .acudicon {
height: 16px;
font-size: 16px;
}
.acud-tag-lg-outline {
height: 24px;
line-height: 22px;
border-radius: 2px;
font-size: 12px;
}
.acud-tag-lg-outline-text-hidden span.text-hidden {
max-width: 132px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.acud-tag-lg-outline-has-icon .acudicon {
height: 14px;
}
.acud-tag-lg-outline-has-icon .acudicon svg {
width: 14px;
}
.acud-tag-lg-outline-has-icon img {
height: 14px;
width: 14px;
}
.acud-tag-lg-outline-has-icon .acudicon + span,
.acud-tag-lg-outline-has-icon img + span {
margin-left: 4px;
}
.acud-tag-lg-outline-only-icon {
padding-right: 3px;
padding-left: 3px;
}
.acud-tag-lg-outline-has-icon > .acudicon {
height: 16px;
font-size: 16px;
}
.acud-tag-sm {
height: 16px;
line-height: 16px;
border-radius: 2px;
font-size: 10px;
}
.acud-tag-sm-text-hidden span.text-hidden {
max-width: 132px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.acud-tag-sm-has-icon .acudicon {
height: 12px;
}
.acud-tag-sm-has-icon .acudicon svg {
width: 12px;
}
.acud-tag-sm-has-icon img {
height: 12px;
width: 12px;
}
.acud-tag-sm-has-icon .acudicon + span,
.acud-tag-sm-has-icon img + span {
margin-left: 4px;
}
.acud-tag-sm-only-icon {
padding-right: 0px;
padding-left: 0px;
}
.acud-tag-sm-has-icon > .acudicon {
height: 16px;
font-size: 16px;
}
.acud-tag-sm-outline {
height: 16px;
line-height: 14px;
border-radius: 2px;
font-size: 10px;
}
.acud-tag-sm-outline-text-hidden span.text-hidden {
max-width: 132px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.acud-tag-sm-outline-has-icon .acudicon {
height: 12px;
}
.acud-tag-sm-outline-has-icon .acudicon svg {
width: 12px;
}
.acud-tag-sm-outline-has-icon img {
height: 12px;
width: 12px;
}
.acud-tag-sm-outline-has-icon .acudicon + span,
.acud-tag-sm-outline-has-icon img + span {
margin-left: 4px;
}
.acud-tag-sm-outline-only-icon {
padding-right: -1px;
padding-left: -1px;
}
.acud-tag-sm-outline-has-icon > .acudicon {
height: 16px;
font-size: 16px;
}
.acud-tag,
.acud-tag:active,
.acud-tag:focus {
outline: 0;
}
.acud-tag:not([disabled]):hover {
text-decoration: none;
}
.acud-tag:not([disabled]):active {
outline: 0;
box-shadow: none;
}
.acud-tag[disabled] {
cursor: not-allowed;
background-color: #E8E9EB;
}
.acud-tag[disabled] > * {
pointer-events: none;
}
.acud-tag.acud-tag-rtl {
margin-right: 0;
margin-left: 8px;
direction: rtl;
text-align: right;
}
.acud-tag-has-icon .acudicon {
color: red;
}
.acud-tag-rtl .acud-tag-close-icon {
margin-right: 3px;
margin-left: 0;
}
.acud-tag-rtl.acud-tag > .acudicon + span,
.acud-tag-rtl.acud-tag > span + .acudicon {
margin-right: 7px;
margin-left: 0;
}
/* color */
/* 默认颜色 */
/* 通用-icon */
/* 标签 */
/* 默认颜色 */
/* 其他颜色 */
/* 通用 */
/* 水平 */
/* 垂直 */
/* 序号水平 */
/* 序号垂直 */
.acud-tooltip {
margin: 0;
padding: 0;
position: absolute;
z-index: 1070;
display: block;
width: -moz-max-content;
width: max-content;
max-width: 220px;
visibility: visible;
}
.acud-tooltip-hidden {
display: none;
}
.acud-tooltip-placement-top,
.acud-tooltip-placement-topLeft,
.acud-tooltip-placement-topRight {
padding-bottom: 8px;
}
.acud-tooltip-placement-right,
.acud-tooltip-placement-rightTop,
.acud-tooltip-placement-rightBottom {
padding-left: 8px;
}
.acud-tooltip-placement-bottom,
.acud-tooltip-placement-bottomLeft,
.acud-tooltip-placement-bottomRight {
padding-top: 8px;
}
.acud-tooltip-placement-left,
.acud-tooltip-placement-leftTop,
.acud-tooltip-placement-leftBottom {
padding-right: 8px;
}
.acud-tooltip-inner {
min-width: 36px;
min-height: 36px;
line-height: 20px;
padding: 8px;
color: #151B26;
text-align: left;
text-decoration: none;
word-wrap: break-word;
font-size: 12px;
background-color: #FFFFFF;
border-radius: 4px;
box-shadow: 0px 2px 8px 0px rgba(7, 12, 20, 0.12);
}
.acud-tooltip-inner .title {
color: #151B26;
font-size: 12px;
font-weight: 500;
margin: 4px 0 4px;
}
.acud-tooltip-inner .description {
color: #5C5F66;
font-size: 12px;
margin-bottom: 4px;
}
.acud-tooltip-arrow {
position: absolute;
display: block;
width: 17.3137085px;
height: 17.3137085px;
overflow: hidden;
background: transparent;
pointer-events: none;
}
.acud-tooltip-arrow-content {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: block;
width: 8px;
height: 8px;
margin: auto;
background-color: #FFFFFF;
content: '';
pointer-events: auto;
}
.acud-tooltip-placement-top .acud-tooltip-arrow,
.acud-tooltip-placement-topLeft .acud-tooltip-arrow,
.acud-tooltip-placement-topRight .acud-tooltip-arrow {
bottom: -9.3137085px;
}
.acud-tooltip-placement-top .acud-tooltip-arrow-content,
.acud-tooltip-placement-topLeft .acud-tooltip-arrow-content,
.acud-tooltip-placement-topRight .acud-tooltip-arrow-content {
box-shadow: 0px 2px 8px 0px rgba(7, 12, 20, 0.12);
transform: translateY(-8.65685425px) rotate(45deg);
}
.acud-tooltip-placement-top .acud-tooltip-arrow {
left: 50%;
transform: translateX(-50%);
}
.acud-tooltip-placement-topLeft .acud-tooltip-arrow {
left: 13px;
}
.acud-tooltip-placement-topRight .acud-tooltip-arrow {
right: 13px;
}
.acud-tooltip-placement-right .acud-tooltip-arrow,
.acud-tooltip-placement-rightTop .acud-tooltip-arrow,
.acud-tooltip-placement-rightBottom .acud-tooltip-arrow {
left: -9.3137085px;
}
.acud-tooltip-placement-right .acud-tooltip-arrow-content,
.acud-tooltip-placement-rightTop .acud-tooltip-arrow-content,
.acud-tooltip-placement-rightBottom .acud-tooltip-arrow-content {
box-shadow: 0px 2px 8px 0px rgba(7, 12, 20, 0.12);
transform: translateX(8.65685425px) rotate(45deg);
}
.acud-tooltip-placement-right .acud-tooltip-arrow {
top: 50%;
transform: translateY(-50%);
}
.acud-tooltip-placement-rightTop .acud-tooltip-arrow {
top: 5px;
}
.acud-tooltip-placement-rightBottom .acud-tooltip-arrow {
bottom: 5px;
}
.acud-tooltip-placement-left .acud-tooltip-arrow,
.acud-tooltip-placement-leftTop .acud-tooltip-arrow,
.acud-tooltip-placement-leftBottom .acud-tooltip-arrow {
right: -9.3137085px;
}
.acud-tooltip-placement-left .acud-tooltip-arrow-content,
.acud-tooltip-placement-leftTop .acud-tooltip-arrow-content,
.acud-tooltip-placement-leftBottom .acud-tooltip-arrow-content {
box-shadow: 0px 2px 8px 0px rgba(7, 12, 20, 0.12);
transform: translateX(-8.65685425px) rotate(45deg);
}
.acud-tooltip-placement-left .acud-tooltip-arrow {
top: 50%;
transform: translateY(-50%);
}
.acud-tooltip-placement-leftTop .acud-tooltip-arrow {
top: 5px;
}
.acud-tooltip-placement-leftBottom .acud-tooltip-arrow {
bottom: 5px;
}
.acud-tooltip-placement-bottom .acud-tooltip-arrow,
.acud-tooltip-placement-bottomLeft .acud-tooltip-arrow,
.acud-tooltip-placement-bottomRight .acud-tooltip-arrow {
top: -9.3137085px;
}
.acud-tooltip-placement-bottom .acud-tooltip-arrow-content,
.acud-tooltip-placement-bottomLeft .acud-tooltip-arrow-content,
.acud-tooltip-placement-bottomRight .acud-tooltip-arrow-content {
box-shadow: 0px 2px 8px 0px rgba(7, 12, 20, 0.12);
transform: translateY(8.65685425px) rotate(45deg);
}
.acud-tooltip-placement-bottom .acud-tooltip-arrow {
left: 50%;
transform: translateX(-50%);
}
.acud-tooltip-placement-bottomLeft .acud-tooltip-arrow {
left: 13px;
}
.acud-tooltip-placement-bottomRight .acud-tooltip-arrow {
right: 13px;
}
.acud-tooltip-black .acud-tooltip-inner {
color: #FFFFFF;
background-color: #151B26;
}
.acud-tooltip-black .acud-tooltip-arrow-content {
background-color: #151B26;
}
.acud-tooltip-rtl {
direction: rtl;
}
.acud-tooltip-rtl .acud-tooltip-inner {
text-align: right;
}
/* color */
/* 默认颜色 */
/* 通用-icon */
/* 标签 */
/* 默认颜色 */
/* 其他颜色 */
/* 通用 */
/* 水平 */
/* 垂直 */
/* 序号水平 */
/* 序号垂直 */
.acud-clear.acudicon {
color: #FFFFFF;
background-color: #D4D6D9;
border-color: transparent;
padding: 2px;
background-clip: content-box;
border-radius: 50%;
font-size: 12px;
transition: color 0.3s ease, opacity 0.15s ease;
}
.acud-clear.acudicon:hover {
color: #FFFFFF;
}
.acud-clear.acudicon:focus,
.acud-clear.acudicon:active {
color: #FFFFFF;
}
.acud-clear.acudicon[disabled],
.acud-clear.acudicon[aria-disabled="true"],
.acud-clear.acudicon[disabled]:hover,
.acud-clear.acudicon[aria-disabled="true"]:hover,
.acud-clear.acudicon[disabled]:focus,
.acud-clear.acudicon[aria-disabled="true"]:focus,
.acud-clear.acudicon[disabled]:active,
.acud-clear.acudicon[aria-disabled="true"]:active {
color: #FFFFFF;
}
.acud-clear.acudicon:hover {
background-color: #5C5F66;
}
.acud-clear.acudicon:focus,
.acud-clear.acudicon:active {
background-color: #303540;
}
.acud-clear.acudicon[disabled],
.acud-clear.acudicon[aria-disabled="true"],
.acud-clear.acudicon[disabled]:hover,
.acud-clear.acudicon[aria-disabled="true"]:hover,
.acud-clear.acudicon[disabled]:focus,
.acud-clear.acudicon[aria-disabled="true"]:focus,
.acud-clear.acudicon[disabled]:active,
.acud-clear.acudicon[aria-disabled="true"]:active {
background-color: #F2F2F4;
}
.acud-clear.acudicon:hover {
border-color: transparent;
}
.acud-clear.acudicon:focus,
.acud-clear.acudicon:active {
border-color: transparent;
}
.acud-clear.acudicon[disabled],
.acud-clear.acudicon[aria-disabled="true"],
.acud-clear.acudicon[disabled]:hover,
.acud-clear.acudicon[aria-disabled="true"]:hover,
.acud-clear.acudicon[disabled]:focus,
.acud-clear.acudicon[aria-disabled="true"]:focus,
.acud-clear.acudicon[disabled]:active,
.acud-clear.acudicon[aria-disabled="true"]:active {
border-color: transparent;
}
.acud-clear.acudicon > svg {
transform: scale(0.66666);
}
/* color */
/* 默认颜色 */
/* 通用-icon */
/* 标签 */
/* 默认颜色 */
/* 其他颜色 */
/* 通用 */
/* 水平 */
/* 垂直 */
/* 序号水平 */
/* 序号垂直 */
.acud-collapse {
margin: 0;
padding: 0;
}
.acud-collapse > .acud-collapse-item {
border: 1px #E8E9EB solid;
border-bottom: 0;
overflow: hidden;
}
.acud-collapse > .acud-collapse-item:first-child {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.acud-collapse > .acud-collapse-item:last-child {
border-bottom: 1px #E8E9EB solid;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
.acud-collapse > .acud-collapse-item > .acud-collapse-header {
outline: none;
position: relative;
background-color: #F7F7F9;
padding: 16px;
padding-left: 40px;
cursor: pointer;
font-size: 14px;
line-height: 20px;
color: #151B26;
}
.acud-collapse > .acud-collapse-item > .acud-collapse-header:hover {
color: #151B26;
}
.acud-collapse > .acud-collapse-item > .acud-collapse-header:focus,
.acud-collapse > .acud-collapse-item > .acud-collapse-header:active {
color: #151B26;
}
.acud-collapse > .acud-collapse-item > .acud-collapse-header[disabled],
.acud-collapse > .acud-collapse-item > .acud-collapse-header[aria-disabled="true"],
.acud-collapse > .acud-collapse-item > .acud-collapse-header[disabled]:hover,
.acud-collapse > .acud-collapse-item > .acud-collapse-header[aria-disabled="true"]:hover,
.acud-collapse > .acud-collapse-item > .acud-collapse-header[disabled]:focus,
.acud-collapse > .acud-collapse-item > .acud-collapse-header[aria-disabled="true"]:focus,
.acud-collapse > .acud-collapse-item > .acud-collapse-header[disabled]:active,
.acud-collapse > .acud-collapse-item > .acud-collapse-header[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-collapse > .acud-collapse-item > .acud-collapse-header:hover {
background-color: #F2F2F4;
}
.acud-collapse > .acud-collapse-item > .acud-collapse-header .acud-collapse-arrow {
position: absolute;
width: 16px;
height: 16px;
left: 16px;
top: 50%;
margin-top: -8px;
color: #84868C;
}
.acud-collapse > .acud-collapse-item > .acud-collapse-header .acud-collapse-arrow:hover {
color: #84868C;
}
.acud-collapse > .acud-collapse-item > .acud-collapse-header .acud-collapse-arrow:focus,
.acud-collapse > .acud-collapse-item > .acud-collapse-header .acud-collapse-arrow:active {
color: #84868C;
}
.acud-collapse > .acud-collapse-item > .acud-collapse-header .acud-collapse-arrow[disabled],
.acud-collapse > .acud-collapse-item > .acud-collapse-header .acud-collapse-arrow[aria-disabled="true"],
.acud-collapse > .acud-collapse-item > .acud-collapse-header .acud-collapse-arrow[disabled]:hover,
.acud-collapse > .acud-collapse-item > .acud-collapse-header .acud-collapse-arrow[aria-disabled="true"]:hover,
.acud-collapse > .acud-collapse-item > .acud-collapse-header .acud-collapse-arrow[disabled]:focus,
.acud-collapse > .acud-collapse-item > .acud-collapse-header .acud-collapse-arrow[aria-disabled="true"]:focus,
.acud-collapse > .acud-collapse-item > .acud-collapse-header .acud-collapse-arrow[disabled]:active,
.acud-collapse > .acud-collapse-item > .acud-collapse-header .acud-collapse-arrow[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-collapse > .acud-collapse-item > .acud-collapse-header .acud-collapse-arrow svg {
font-size: 16px;
transition: transform 0.24s;
}
.acud-collapse-content {
border-top: 1px #E8E9EB solid;
background-color: #FFFFFF;
transition: all 0.3s;
}
.acud-collapse-content > .acud-collapse-content-box {
padding: 16px;
}
.acud-collapse-content > .acud-collapse-content-box p {
font-size: 14px;
line-height: 20px;
color: #5C5F66;
margin: 0;
}
.acud-collapse-content-hidden {
display: none;
}
.acud-collapse > .acud-collapse-item-disabled:hover {
box-shadow: none;
}
.acud-collapse > .acud-collapse-item-disabled > .acud-collapse-header,
.acud-collapse > .acud-collapse-item-disabled > .acud-collapse-header:hover,
.acud-collapse > .acud-collapse-item-disabled > .acud-collapse-header:focus,
.acud-collapse > .acud-collapse-item-disabled > .acud-collapse-header:active {
cursor: not-allowed;
color: #B8BABF;
}
.acud-collapse > .acud-collapse-item-disabled > .acud-collapse-header:hover {
background-color: #F7F7F9;
}
.acud-collapse > .acud-collapse-item-disabled > .acud-collapse-header > .acud-collapse-arrow,
.acud-collapse > .acud-collapse-item-disabled > .acud-collapse-header > .acud-collapse-arrow:hover,
.acud-collapse > .acud-collapse-item-disabled > .acud-collapse-header > .acud-collapse-arrow:focus,
.acud-collapse > .acud-collapse-item-disabled > .acud-collapse-header > .acud-collapse-arrow:active {
cursor: not-allowed;
color: #B8BABF;
}
/* color */
/* 默认颜色 */
/* 通用-icon */
/* 标签 */
/* 默认颜色 */
/* 其他颜色 */
/* 通用 */
/* 水平 */
/* 垂直 */
/* 序号水平 */
/* 序号垂直 */
.colorpicker-dropdowns-con {
width: 240px !important;
padding: 8px !important;
}
.colorpicker-dropdowns-con.custom {
padding: 12px !important;
}
.colorpicker-dropdowns-con .colorpicker-dropdowns {
display: flex;
align-items: center;
flex-flow: row wrap;
}
.colorpicker-dropdowns-con .colorpicker-dropdowns-color {
border-radius: 4px;
margin: 1px 2px 1px 1px;
padding: 1px;
cursor: pointer;
background-color: #fff;
box-sizing: border-box;
border: 1px solid rgba(255, 255, 255, 0);
}
.colorpicker-dropdowns-con .colorpicker-dropdowns-color:nth-child(8n + 1) {
margin-left: 0 !important;
}
.colorpicker-dropdowns-con .colorpicker-dropdowns-color:nth-child(8n) {
margin-right: 0 !important;
}
.colorpicker-dropdowns-con .colorpicker-dropdowns-color.white {
box-sizing: border-box;
}
.colorpicker-dropdowns-con .colorpicker-dropdowns-color.white.colorpicker-dropdowns-color-selected {
border-color: #2468F2;
}
.colorpicker-dropdowns-con .colorpicker-dropdowns-color.white .colorpicker-dropdowns-color-block {
border: 1px solid #E8E9EB;
}
.colorpicker-dropdowns-con .colorpicker-dropdowns-color.none {
box-sizing: border-box;
}
.colorpicker-dropdowns-con .colorpicker-dropdowns-color.none .colorpicker-dropdowns-color-block {
width: 20px;
height: 20px;
background: linear-gradient(45deg, transparent 49.5%, #F33E3E 49.5%, #F33E3E 50.5%, transparent 50.5%);
border: 1px solid #E8E9EB;
}
.colorpicker-dropdowns-con .colorpicker-dropdowns-color-block {
width: 20px;
height: 20px;
border-radius: 4px;
}
.colorpicker-dropdowns-con .colorpicker-dropdowns-color:hover {
border: 1px solid #D4D6D9;
}
.colorpicker-dropdowns-con .colorpicker-dropdowns-color-selected {
border: 1px solid #2468F2;
}
.colorpicker-dropdowns-con .colorpicker-dropdowns-custom .chrome-picker {
box-shadow: none !important;
width: 216px !important;
}
.colorpicker-dropdowns-con .colorpicker-dropdowns-custom .chrome-picker > div:nth-child(2) {
padding-left: 0 !important;
padding-right: 0 !important;
padding-bottom: 8px !important;
}
.colorpicker-dropdowns-con .colorpicker-dropdowns-custom .chrome-picker > div:nth-child(2) > .flexbox-fix:first-child {
flex-direction: row-reverse;
}
.colorpicker-dropdowns-con .colorpicker-dropdowns-custom .chrome-picker > div:nth-child(2) > .flexbox-fix:first-child > div:nth-child(1) {
width: 28px !important;
margin-left: 4px !important;
}
.colorpicker-dropdowns-con .colorpicker-dropdowns-custom .chrome-picker > div:nth-child(2) > .flexbox-fix:first-child > div:nth-child(1) > div:nth-child(1) {
width: 28px !important;
height: 28px !important;
border-radius: 14px !important;
margin-top: 0 !important;
}
.colorpicker-dropdowns-con .colorpicker-dropdowns-custom .chrome-picker > div:nth-child(2) > .flexbox-fix:first-child > div:nth-child(2) {
width: 184px !important;
border-radius: 6px !important;
}
.colorpicker-dropdowns-con .colorpicker-dropdowns-custom .chrome-picker > div:nth-child(2) > .flexbox-fix:first-child > div:nth-child(2) div {
border-radius: 6px !important;
}
.colorpicker-dropdowns-con .colorpicker-dropdowns-custom .chrome-picker > div:nth-child(2) > .flexbox-fix:first-child .hue-horizontal {
border-radius: 6px !important;
}
.colorpicker-dropdowns-con .colorpicker-dropdowns-custom .chrome-picker > div:nth-child(2) > .flexbox-fix:not(:first-child) {
display: none !important;
}
.colorpicker-dropdowns-con .colorpicker-dropdowns-custom .colorpicker-input {
margin: 0 0 8px 0;
height: 24px;
border-radius: 2px;
}
.acud-colorpicker-default .acud-select-selector,
.acud-colorpicker-custom .acud-select-selector {
min-width: 134px !important;
}
.acud-colorpicker-simple .acud-select-selector {
min-width: 74px !important;
}
.acud-colorpicker .acud-select.acud-select-disabled .colorpicker-dropdowns-render-text {
color: #B8BABF;
}
.acud-colorpicker .acud-select .colorpicker-dropdowns-render {
display: flex;
align-items: center;
}
.acud-colorpicker .acud-select .colorpicker-dropdowns-render-block {
width: 24px;
height: 24px;
box-sizing: border-box;
border-radius: 2px;
}
.acud-colorpicker .acud-select .colorpicker-dropdowns-render-block.none {
background: linear-gradient(45deg, transparent 49.5%, #F33E3E 49.5%, #F33E3E 50.5%, transparent 50.5%);
border: 1px solid #E8E9EB;
}
.acud-colorpicker .acud-select .colorpicker-dropdowns-render-block.white {
border: 1px solid #E8E9EB;
}
.acud-colorpicker .acud-select .colorpicker-dropdowns-render-text {
margin-left: 8px;
font-family: PingFangSC-Regular;
font-size: 12px;
color: #151B26;
line-height: 20px;
font-weight: 400;
}
/* color */
/* 默认颜色 */
/* 通用-icon */
/* 标签 */
/* 默认颜色 */
/* 其他颜色 */
/* 通用 */
/* 水平 */
/* 垂直 */
/* 序号水平 */
/* 序号垂直 */
/* color */
/* 默认颜色 */
/* 通用-icon */
/* 标签 */
/* 默认颜色 */
/* 其他颜色 */
/* 通用 */
/* 水平 */
/* 垂直 */
/* 序号水平 */
/* 序号垂直 */
.acud-picker {
margin: 0;
padding: 0;
height: 32px;
padding: 0 12px;
position: relative;
display: inline-flex;
align-items: center;
background-color: #FFFFFF;
border-color: #E8E9EB;
border-width: 1px;
border-style: solid;
border-radius: 4px;
transition: border 0.3s, box-shadow 0.3s;
}
.acud-picker input {
font-family: -apple-system, BlinkMacSystemFont, "SF Pro SC", "SF Pro Text", "Helvetica Neue", Helvetica, "PingFang SC", Roboto, 'Arial', 'microsoft yahei ui', "Microsoft YaHei", SimSun, sans-serif;
}
.acud-picker:hover {
background-color: #FFFFFF;
}
.acud-picker:focus,
.acud-picker:active {
background-color: #FFFFFF;
}
.acud-picker[disabled],
.acud-picker[aria-disabled="true"],
.acud-picker[disabled]:hover,
.acud-picker[aria-disabled="true"]:hover,
.acud-picker[disabled]:focus,
.acud-picker[aria-disabled="true"]:focus,
.acud-picker[disabled]:active,
.acud-picker[aria-disabled="true"]:active {
background-color: #F7F7F9;
}
.acud-picker:hover {
border-color: #2468F2;
}
.acud-picker:focus,
.acud-picker:active {
border-color: #144BCC;
}
.acud-picker[disabled],
.acud-picker[aria-disabled="true"],
.acud-picker[disabled]:hover,
.acud-picker[aria-disabled="true"]:hover,
.acud-picker[disabled]:focus,
.acud-picker[aria-disabled="true"]:focus,
.acud-picker[disabled]:active,
.acud-picker[aria-disabled="true"]:active {
border-color: #E8E9EB;
}
.acud-picker-focused {
border-color: #2468F2;
}
.acud-picker.acud-picker-disabled {
background: #F7F7F9;
border-color: #E8E9EB;
cursor: not-allowed;
}
.acud-picker.acud-picker-disabled.acud-picker-range-has-value:hover .acud-picker-suffix,
.acud-picker.acud-picker-disabled .acud-picker-input-has-value:hover .acud-picker-suffix {
opacity: 1;
}
.acud-picker-status-error {
border-color: #F33E3E;
}
.acud-picker-status-error:hover {
border-color: #F33E3E;
}
.acud-picker.acud-picker-disabled .acud-picker-suffix {
color: #B8BABF;
}
.acud-picker.acud-picker-borderless {
background-color: transparent !important;
border-color: transparent !important;
box-shadow: none !important;
}
.acud-picker-input {
position: relative;
display: inline-flex;
align-items: center;
width: 100%;
height: 32px;
}
.acud-picker-input > input {
width: 100%;
outline: none;
display: flex;
position: relative;
align-items: center;
box-sizing: border-box;
font-weight: 400;
border-width: 1px;
border-style: solid;
overflow: hidden;
height: 32px;
line-height: 32px;
border-radius: 4px;
flex: auto;
min-width: 1px;
font-size: 12px;
font-weight: #FFECD4;
height: 100%;
padding: 0;
background: transparent;
border: 0;
color: #151B26;
}
.acud-picker-input > input input {
min-width: 0;
padding: 0 12px;
border: none;
height: 100%;
flex-grow: 1;
color: inherit;
font-size: 12px;
}
.acud-picker-input > input input:-webkit-autofill {
box-shadow: 0 0 0px 1000px white inset !important;
}
.acud-picker-input > input input:focus {
outline: none;
}
.acud-picker-input > input-prefix {
display: flex;
padding: 0 8px 0 0;
}
.acud-picker-input > input-suffix {
display: flex;
padding: 0 0 0 4px;
word-break: keep-all;
}
.acud-picker-input > input-prefix,
.acud-picker-input > input-suffix {
color: #84868C;
}
.acud-picker-input > input-prefix:hover,
.acud-picker-input > input-suffix:hover {
color: #84868C;
}
.acud-picker-input > input-prefix:focus,
.acud-picker-input > input-suffix:focus,
.acud-picker-input > input-prefix:active,
.acud-picker-input > input-suffix:active {
color: #84868C;
}
.acud-picker-input > input-prefix[disabled],
.acud-picker-input > input-suffix[disabled],
.acud-picker-input > input-prefix[aria-disabled="true"],
.acud-picker-input > input-suffix[aria-disabled="true"],
.acud-picker-input > input-prefix[disabled]:hover,
.acud-picker-input > input-suffix[disabled]:hover,
.acud-picker-input > input-prefix[aria-disabled="true"]:hover,
.acud-picker-input > input-suffix[aria-disabled="true"]:hover,
.acud-picker-input > input-prefix[disabled]:focus,
.acud-picker-input > input-suffix[disabled]:focus,
.acud-picker-input > input-prefix[aria-disabled="true"]:focus,
.acud-picker-input > input-suffix[aria-disabled="true"]:focus,
.acud-picker-input > input-prefix[disabled]:active,
.acud-picker-input > input-suffix[disabled]:active,
.acud-picker-input > input-prefix[aria-disabled="true"]:active,
.acud-picker-input > input-suffix[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-picker-input > input-lg {
font-size: 14px;
height: 40px;
line-height: 40px;
border-radius: 4px;
}
.acud-picker-input > input-lg input {
font-size: 14px;
}
.acud-picker-input > input-sm {
font-size: 12px;
height: 24px;
line-height: 24px;
border-radius: 2px;
}
.acud-picker-input > input-sm input {
padding: 0 8px;
}
.acud-picker-input > input-sm input input {
font-size: 12px;
}
.acud-picker-input > input-has-prefix input {
padding: 0;
}
.acud-picker-input > input-has-prefix {
padding-left: 12px;
}
.acud-picker-input > input-has-addon-before {
padding-left: 0;
}
.acud-picker-input > input-has-suffix {
padding-right: 12px;
}
.acud-picker-input > input-has-addon-after {
padding-right: 0;
}
.acud-picker-input > input-has-prefix.acud-picker-input > input-sm {
padding-right: 8px;
padding-left: 8px;
}
.acud-picker-input > input-has-prefix.acud-picker-input > input-sm input {
padding: 0px;
}
.acud-picker-input > input-has-suffix.acud-picker-input > input-sm {
padding-right: 8px;
padding-left: 8px;
}
.acud-picker-input > input-has-suffix.acud-picker-input > input-sm input {
padding: 0px;
}
.acud-picker-input > input-has-suffix .acud-input-clear-wrapper {
margin-right: 0px;
}
.acud-picker-input > input-has-limit .acud-input-clear-wrapper {
margin-right: 0px;
}
.acud-picker-input > input-has-addon-before .acud-input-addon {
margin-left: -1px;
}
.acud-picker-input > input-has-addon-before input {
padding: 0 8px 0 12px;
}
.acud-picker-input > input-has-addon-after .acud-input-addon {
margin-right: -1px;
}
.acud-picker-input > input-has-addon-after input {
padding: 0 8px 0 12px;
}
.acud-picker-input > input-has-addon-before.acud-picker-input > input-has-addon-after input {
padding: 0 8px 0 12px;
}
.acud-picker-input > input-addonOnlyText {
padding: 0 12px 0 12px;
color: #151B26;
background-color: #F7F7F9;
border-color: transparent;
}
.acud-picker-input > input-addonOnlyText:hover {
color: #151B26;
}
.acud-picker-input > input-addonOnlyText:focus,
.acud-picker-input > input-addonOnlyText:active {
color: #151B26;
}
.acud-picker-input > input-addonOnlyText[disabled],
.acud-picker-input > input-addonOnlyText[aria-disabled="true"],
.acud-picker-input > input-addonOnlyText[disabled]:hover,
.acud-picker-input > input-addonOnlyText[aria-disabled="true"]:hover,
.acud-picker-input > input-addonOnlyText[disabled]:focus,
.acud-picker-input > input-addonOnlyText[aria-disabled="true"]:focus,
.acud-picker-input > input-addonOnlyText[disabled]:active,
.acud-picker-input > input-addonOnlyText[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-picker-input > input-addonOnlyText:hover {
background-color: #F2F2F4;
}
.acud-picker-input > input-addonOnlyText:focus,
.acud-picker-input > input-addonOnlyText:active {
background-color: #F2F2F4;
}
.acud-picker-input > input-addonOnlyText[disabled],
.acud-picker-input > input-addonOnlyText[aria-disabled="true"],
.acud-picker-input > input-addonOnlyText[disabled]:hover,
.acud-picker-input > input-addonOnlyText[aria-disabled="true"]:hover,
.acud-picker-input > input-addonOnlyText[disabled]:focus,
.acud-picker-input > input-addonOnlyText[aria-disabled="true"]:focus,
.acud-picker-input > input-addonOnlyText[disabled]:active,
.acud-picker-input > input-addonOnlyText[aria-disabled="true"]:active {
background-color: #F2F2F4;
}
.acud-picker-input > input-addonOnlyText:hover {
border-color: transparent;
}
.acud-picker-input > input-addonOnlyText:focus,
.acud-picker-input > input-addonOnlyText:active {
border-color: transparent;
}
.acud-picker-input > input-addonOnlyText[disabled],
.acud-picker-input > input-addonOnlyText[aria-disabled="true"],
.acud-picker-input > input-addonOnlyText[disabled]:hover,
.acud-picker-input > input-addonOnlyText[aria-disabled="true"]:hover,
.acud-picker-input > input-addonOnlyText[disabled]:focus,
.acud-picker-input > input-addonOnlyText[aria-disabled="true"]:focus,
.acud-picker-input > input-addonOnlyText[disabled]:active,
.acud-picker-input > input-addonOnlyText[aria-disabled="true"]:active {
border-color: transparent;
}
.acud-picker-input > input-addon {
height: 100%;
display: flex;
align-items: center;
overflow: hidden;
}
.acud-picker-input > input:hover {
color: #151B26;
}
.acud-picker-input > input:focus,
.acud-picker-input > input:active {
color: #151B26;
}
.acud-picker-input > input[disabled],
.acud-picker-input > input[aria-disabled="true"],
.acud-picker-input > input[disabled]:hover,
.acud-picker-input > input[aria-disabled="true"]:hover,
.acud-picker-input > input[disabled]:focus,
.acud-picker-input > input[aria-disabled="true"]:focus,
.acud-picker-input > input[disabled]:active,
.acud-picker-input > input[aria-disabled="true"]:active {
color: #84868C;
}
.acud-picker-input > input::-webkit-input-placeholder {
color: #B8BABF;
}
.acud-picker-input > input::-webkit-input-placeholder:hover {
color: #B8BABF;
}
.acud-picker-input > input::-webkit-input-placeholder:focus,
.acud-picker-input > input::-webkit-input-placeholder:active {
color: #B8BABF;
}
.acud-picker-input > input::-webkit-input-placeholder[disabled],
.acud-picker-input > input::-webkit-input-placeholder[aria-disabled="true"],
.acud-picker-input > input::-webkit-input-placeholder[disabled]:hover,
.acud-picker-input > input::-webkit-input-placeholder[aria-disabled="true"]:hover,
.acud-picker-input > input::-webkit-input-placeholder[disabled]:focus,
.acud-picker-input > input::-webkit-input-placeholder[aria-disabled="true"]:focus,
.acud-picker-input > input::-webkit-input-placeholder[disabled]:active,
.acud-picker-input > input::-webkit-input-placeholder[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-picker-input > input:-moz-placeholder {
color: #B8BABF;
}
.acud-picker-input > input:-moz-placeholder:hover {
color: #B8BABF;
}
.acud-picker-input > input:-moz-placeholder:focus,
.acud-picker-input > input:-moz-placeholder:active {
color: #B8BABF;
}
.acud-picker-input > input:-moz-placeholder[disabled],
.acud-picker-input > input:-moz-placeholder[aria-disabled="true"],
.acud-picker-input > input:-moz-placeholder[disabled]:hover,
.acud-picker-input > input:-moz-placeholder[aria-disabled="true"]:hover,
.acud-picker-input > input:-moz-placeholder[disabled]:focus,
.acud-picker-input > input:-moz-placeholder[aria-disabled="true"]:focus,
.acud-picker-input > input:-moz-placeholder[disabled]:active,
.acud-picker-input > input:-moz-placeholder[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-picker-input > input::-moz-placeholder {
color: #B8BABF;
}
.acud-picker-input > input::-moz-placeholder:hover {
color: #B8BABF;
}
.acud-picker-input > input::-moz-placeholder:focus,
.acud-picker-input > input::-moz-placeholder:active {
color: #B8BABF;
}
.acud-picker-input > input::-moz-placeholder[disabled],
.acud-picker-input > input::-moz-placeholder[aria-disabled="true"],
.acud-picker-input > input::-moz-placeholder[disabled]:hover,
.acud-picker-input > input::-moz-placeholder[aria-disabled="true"]:hover,
.acud-picker-input > input::-moz-placeholder[disabled]:focus,
.acud-picker-input > input::-moz-placeholder[aria-disabled="true"]:focus,
.acud-picker-input > input::-moz-placeholder[disabled]:active,
.acud-picker-input > input::-moz-placeholder[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-picker-input > input:-ms-input-placeholder {
color: #B8BABF;
}
.acud-picker-input > input:-ms-input-placeholder:hover {
color: #B8BABF;
}
.acud-picker-input > input:-ms-input-placeholder:focus,
.acud-picker-input > input:-ms-input-placeholder:active {
color: #B8BABF;
}
.acud-picker-input > input:-ms-input-placeholder[disabled],
.acud-picker-input > input:-ms-input-placeholder[aria-disabled="true"],
.acud-picker-input > input:-ms-input-placeholder[disabled]:hover,
.acud-picker-input > input:-ms-input-placeholder[aria-disabled="true"]:hover,
.acud-picker-input > input:-ms-input-placeholder[disabled]:focus,
.acud-picker-input > input:-ms-input-placeholder[aria-disabled="true"]:focus,
.acud-picker-input > input:-ms-input-placeholder[disabled]:active,
.acud-picker-input > input:-ms-input-placeholder[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-picker-input > input[disabled] {
color: #5C5F66;
}
.acud-picker-input > input[disabled]::-moz-placeholder {
color: #5C5F66;
}
.acud-picker-input > input[disabled]::placeholder {
color: #5C5F66;
}
.acud-picker-input:hover .acud-picker-clear {
opacity: 1;
}
.acud-picker-input-has-value:not(.acud-picker-clear-disabled):hover .acud-picker-clear + .acud-picker-suffix {
opacity: 0;
}
.acud-picker-suffix {
align-self: center;
margin-left: 6px;
color: #151B26;
line-height: 1;
pointer-events: none;
}
.acud-picker-suffix:hover {
color: #151B26;
}
.acud-picker-suffix:focus,
.acud-picker-suffix:active {
color: #151B26;
}
.acud-picker-suffix[disabled],
.acud-picker-suffix[aria-disabled="true"],
.acud-picker-suffix[disabled]:hover,
.acud-picker-suffix[aria-disabled="true"]:hover,
.acud-picker-suffix[disabled]:focus,
.acud-picker-suffix[aria-disabled="true"]:focus,
.acud-picker-suffix[disabled]:active,
.acud-picker-suffix[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-picker-suffix > * {
vertical-align: top;
}
.acud-picker-suffix > .acudicon {
width: 16px;
height: 16px;
}
.acud-picker-suffix > .acudicon svg {
width: 100%;
}
.acud-picker-clear {
position: absolute;
top: 49%;
right: 0;
line-height: 1;
transform: translateY(-50%);
cursor: pointer;
opacity: 0;
transition: opacity 0.3s, color 0.3s;
}
.acud-picker-clear > * {
vertical-align: top;
}
.acud-picker-clear:hover {
color: #B8BABF;
}
.acud-picker-clear > .acudicon {
width: 16px;
height: 16px;
}
.acud-picker-clear > .acudicon svg {
width: 100%;
}
.acud-picker-separator {
position: relative;
display: inline-block;
width: 1em;
height: 14px;
font-size: 14px;
vertical-align: top;
cursor: default;
}
.acud-picker-focused .acud-picker-separator {
color: #B8BABF;
}
.acud-picker-range-separator .acud-picker-separator {
color: #B8BABF;
}
.acud-picker-disabled .acud-picker-range-separator .acud-picker-separator {
cursor: not-allowed;
}
.acud-picker-range {
position: relative;
display: inline-flex;
}
.acud-picker-range:hover .acud-picker-clear {
opacity: 1;
}
.acud-picker-range .acud-picker-clear {
right: 12px;
}
.acud-picker-range .acud-picker-active-bar {
bottom: -1px;
height: 2px;
opacity: 0;
transition: all 0.3s ease-out;
pointer-events: none;
}
.acud-picker-range.acud-picker-focused .acud-picker-active-bar {
opacity: 1;
}
.acud-picker-range-separator {
align-items: center;
padding: 0 12px;
line-height: 1;
}
.acud-picker-range-has-value:not(.acud-picker-clear-disabled):hover .acud-picker-clear + .acud-picker-suffix {
opacity: 0;
}
.acud-picker-dropdown {
margin: 0;
padding: 0;
position: absolute;
z-index: 1050;
}
.acud-picker-dropdown-hidden {
display: none;
}
.acud-picker-dropdown-placement-bottomLeft .acud-picker-range-arrow {
top: 1.66666667px;
display: block;
transform: rotate(-45deg);
}
.acud-picker-dropdown-placement-topLeft .acud-picker-range-arrow {
bottom: 1.66666667px;
display: block;
transform: rotate(135deg);
}
.acud-picker-dropdown.slide-up-enter.slide-up-enter-active.acud-picker-dropdown-placement-topLeft,
.acud-picker-dropdown.slide-up-enter.slide-up-enter-active.acud-picker-dropdown-placement-topRight,
.acud-picker-dropdown.slide-up-appear.slide-up-appear-active.acud-picker-dropdown-placement-topLeft,
.acud-picker-dropdown.slide-up-appear.slide-up-appear-active.acud-picker-dropdown-placement-topRight {
animation-name: antSlideDownIn;
}
.acud-picker-dropdown.slide-up-enter.slide-up-enter-active.acud-picker-dropdown-placement-bottomLeft,
.acud-picker-dropdown.slide-up-enter.slide-up-enter-active.acud-picker-dropdown-placement-bottomRight,
.acud-picker-dropdown.slide-up-appear.slide-up-appear-active.acud-picker-dropdown-placement-bottomLeft,
.acud-picker-dropdown.slide-up-appear.slide-up-appear-active.acud-picker-dropdown-placement-bottomRight {
animation-name: antSlideUpIn;
}
.acud-picker-dropdown.slide-up-leave.slide-up-leave-active.acud-picker-dropdown-placement-topLeft,
.acud-picker-dropdown.slide-up-leave.slide-up-leave-active.acud-picker-dropdown-placement-topRight {
animation-name: antSlideDownOut;
}
.acud-picker-dropdown.slide-up-leave.slide-up-leave-active.acud-picker-dropdown-placement-bottomLeft,
.acud-picker-dropdown.slide-up-leave.slide-up-leave-active.acud-picker-dropdown-placement-bottomRight {
animation-name: antSlideUpOut;
}
.acud-picker-dropdown-range {
padding: 4px 0;
}
.acud-picker-dropdown-range-hidden {
display: none;
}
.acud-picker-dropdown .acud-picker-panel > .acud-picker-time-panel {
padding-top: 6px;
}
.acud-picker-ranges {
margin-bottom: 0;
padding: 0 12px 8px;
overflow: hidden;
text-align: left;
list-style: none;
}
.acud-picker-ranges > li {
display: inline-block;
}
.acud-picker-ranges .acud-picker-preset > .acud-tag-blue {
cursor: pointer;
}
.acud-picker-ranges .acud-picker-now {
float: left;
cursor: pointer;
margin-top: 10px;
}
.acud-picker-ranges .acud-picker-now a {
color: #2468F2;
}
.acud-picker-ranges .acud-picker-now a:hover {
color: #528EFF;
}
.acud-picker-ranges .acud-picker-now a:focus,
.acud-picker-ranges .acud-picker-now a:active {
color: #144BCC;
}
.acud-picker-ranges .acud-picker-now a[disabled],
.acud-picker-ranges .acud-picker-now a[aria-disabled="true"],
.acud-picker-ranges .acud-picker-now a[disabled]:hover,
.acud-picker-ranges .acud-picker-now a[aria-disabled="true"]:hover,
.acud-picker-ranges .acud-picker-now a[disabled]:focus,
.acud-picker-ranges .acud-picker-now a[aria-disabled="true"]:focus,
.acud-picker-ranges .acud-picker-now a[disabled]:active,
.acud-picker-ranges .acud-picker-now a[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-picker-ranges .acud-picker-ok {
float: right;
margin-left: 12px;
margin-top: 8px;
}
.acud-picker-ranges .acud-btn-sm-text-limited {
min-width: 48px;
}
.acud-picker-range-wrapper {
display: flex;
}
.acud-picker-panel-container {
overflow: hidden;
vertical-align: top;
background: #FFF;
border-radius: 6px;
box-shadow: 0px 6px 16px 2px rgba(7, 12, 20, 0.12);
transition: margin 0.3s;
}
.acud-picker-panel-container .acud-picker-panels {
display: inline-flex;
flex-wrap: nowrap;
direction: ltr;
}
.acud-picker-panel-container .acud-picker-panels .acud-picker-panel .acud-picker-header,
.acud-picker-panel-container .acud-picker-panels .acud-picker-panel .acud-picker-body {
padding-right: 6px;
}
.acud-picker-panel-container .acud-picker-panels .acud-picker-panel:last-child .acud-picker-year-panel .acud-picker-header,
.acud-picker-panel-container .acud-picker-panels .acud-picker-panel:last-child .acud-picker-month-panel .acud-picker-header,
.acud-picker-panel-container .acud-picker-panels .acud-picker-panel:last-child .acud-picker-year-panel .acud-picker-body,
.acud-picker-panel-container .acud-picker-panels .acud-picker-panel:last-child .acud-picker-month-panel .acud-picker-body {
padding-right: 12px;
}
.acud-picker-panel-container .acud-picker-panels .acud-picker-panel:not(:first-child) .acud-picker-header,
.acud-picker-panel-container .acud-picker-panels .acud-picker-panel:not(:first-child) .acud-picker-body {
padding-left: 6px;
padding-right: 12px;
}
.acud-picker-panel-container .acud-picker-panel {
vertical-align: top;
background: transparent;
border-width: 0 0 1px 0;
border-radius: 0;
}
.acud-picker-panel {
display: inline-flex;
flex-direction: column;
text-align: center;
border-radius: 0px;
outline: none;
}
.acud-picker-panel-header {
height: 32px;
padding: 0 12px;
background-color: #F7F7F9;
font-size: 12px;
line-height: 32px;
color: #151B26;
}
.acud-picker-panel-header > li {
color: #151B26;
margin-right: 24px;
display: inline-block;
cursor: pointer;
}
.acud-picker-panel-header > li:hover {
color: #2468F2;
}
.acud-picker-panel-header > li:focus,
.acud-picker-panel-header > li:active {
color: #144BCC;
}
.acud-picker-panel-header > li[disabled],
.acud-picker-panel-header > li[aria-disabled="true"],
.acud-picker-panel-header > li[disabled]:hover,
.acud-picker-panel-header > li[aria-disabled="true"]:hover,
.acud-picker-panel-header > li[disabled]:focus,
.acud-picker-panel-header > li[aria-disabled="true"]:focus,
.acud-picker-panel-header > li[disabled]:active,
.acud-picker-panel-header > li[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-picker-panel.acud-picker-panel-has-range .acud-picker-date-panel .acud-picker-content td:not(.acud-picker-cell-range-hover-start):not(.acud-picker-cell-range-hover-end):not(.acud-picker-cell-range-start):not(.acud-picker-cell-range-end):not(.acud-picker-cell-today):hover .acud-picker-cell-inner {
background-color: #F7F7F9 !important;
}
.acud-picker-date-panel,
.acud-picker-decade-panel,
.acud-picker-year-panel,
.acud-picker-quarter-panel,
.acud-picker-month-panel,
.acud-picker-week-panel,
.acud-picker-date-panel,
.acud-picker-time-panel {
display: flex;
flex-direction: column;
width: 240px;
}
.acud-picker-decade-panel {
width: 286px;
}
.acud-picker-month-panel .acud-picker-cell-in-range:not(:first-child)::before,
.acud-picker-year-panel .acud-picker-cell-in-range:not(:first-child)::before,
.acud-picker-month-panel .acud-picker-cell-range-hover:not(:first-child)::before,
.acud-picker-year-panel .acud-picker-cell-range-hover:not(:first-child)::before {
width: 12px;
left: -12px;
background: #E6F0FF;
}
.acud-picker-month-panel .acud-picker-cell-in-view.acud-picker-cell-in-range.acud-picker-cell-range-hover-end:hover .acud-picker-cell-inner,
.acud-picker-year-panel .acud-picker-cell-in-view.acud-picker-cell-in-range.acud-picker-cell-range-hover-end:hover .acud-picker-cell-inner,
.acud-picker-month-panel .acud-picker-cell-in-view.acud-picker-cell-in-range.acud-picker-cell-range-hover-start:hover .acud-picker-cell-inner,
.acud-picker-year-panel .acud-picker-cell-in-view.acud-picker-cell-in-range.acud-picker-cell-range-hover-start:hover .acud-picker-cell-inner {
background-color: #D4E5FF;
}
.acud-picker-month-panel .acud-picker-cell-in-view.acud-picker-cell-range-hover-end:not(.acud-picker-cell-in-range):not(.acud-picker-cell-selected):not(.acud-picker-cell-range-end):not(.acud-picker-cell-range-start):hover .acud-picker-cell-inner,
.acud-picker-year-panel .acud-picker-cell-in-view.acud-picker-cell-range-hover-end:not(.acud-picker-cell-in-range):not(.acud-picker-cell-selected):not(.acud-picker-cell-range-end):not(.acud-picker-cell-range-start):hover .acud-picker-cell-inner,
.acud-picker-month-panel .acud-picker-cell-in-view.acud-picker-cell-range-hover-start:not(.acud-picker-cell-in-range):not(.acud-picker-cell-selected):not(.acud-picker-cell-range-end):not(.acud-picker-cell-range-start):hover .acud-picker-cell-inner,
.acud-picker-year-panel .acud-picker-cell-in-view.acud-picker-cell-range-hover-start:not(.acud-picker-cell-in-range):not(.acud-picker-cell-selected):not(.acud-picker-cell-range-end):not(.acud-picker-cell-range-start):hover .acud-picker-cell-inner {
background: #E6F0FF;
}
.acud-picker-month-panel .acud-picker-cell-disabled:not(:first-child)::before,
.acud-picker-year-panel .acud-picker-cell-disabled:not(:first-child)::before {
left: -12px;
}
.acud-picker-header {
display: flex;
padding: 0 12px;
color: #151B26;
border-bottom: 1px solid #E8E9EB;
}
.acud-picker-header:hover {
color: #151B26;
}
.acud-picker-header:focus,
.acud-picker-header:active {
color: #FFFFFF;
}
.acud-picker-header[disabled],
.acud-picker-header[aria-disabled="true"],
.acud-picker-header[disabled]:hover,
.acud-picker-header[aria-disabled="true"]:hover,
.acud-picker-header[disabled]:focus,
.acud-picker-header[aria-disabled="true"]:focus,
.acud-picker-header[disabled]:active,
.acud-picker-header[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-picker-header > * {
flex: none;
}
.acud-picker-header button {
padding: 0;
color: #84868C;
background: transparent;
border: 0;
cursor: pointer;
transition: color 0.3s;
}
.acud-picker-header button:hover {
color: #5C5F66;
}
.acud-picker-header button:focus,
.acud-picker-header button:active {
color: #303540;
}
.acud-picker-header button[disabled],
.acud-picker-header button[aria-disabled="true"],
.acud-picker-header button[disabled]:hover,
.acud-picker-header button[aria-disabled="true"]:hover,
.acud-picker-header button[disabled]:focus,
.acud-picker-header button[aria-disabled="true"]:focus,
.acud-picker-header button[disabled]:active,
.acud-picker-header button[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-picker-header > button {
min-width: 8px;
font-size: 16px;
}
.acud-picker-header-super-prev-btn,
.acud-picker-header-next-btn {
margin-right: 4px;
}
.acud-picker-header-view {
flex: auto;
font-size: 12px;
line-height: 40px;
color: #151B26;
}
.acud-picker-header-view:hover {
color: #151B26;
}
.acud-picker-header-view:focus,
.acud-picker-header-view:active {
color: #FFFFFF;
}
.acud-picker-header-view[disabled],
.acud-picker-header-view[aria-disabled="true"],
.acud-picker-header-view[disabled]:hover,
.acud-picker-header-view[aria-disabled="true"]:hover,
.acud-picker-header-view[disabled]:focus,
.acud-picker-header-view[aria-disabled="true"]:focus,
.acud-picker-header-view[disabled]:active,
.acud-picker-header-view[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-picker-header-view button {
font-size: 12px;
color: inherit;
font-weight: 400;
color: #151B26;
}
.acud-picker-header-view button:hover {
color: #2468F2;
}
.acud-picker-header-view button:focus,
.acud-picker-header-view button:active {
color: #144BCC;
}
.acud-picker-header-view button[disabled],
.acud-picker-header-view button[aria-disabled="true"],
.acud-picker-header-view button[disabled]:hover,
.acud-picker-header-view button[aria-disabled="true"]:hover,
.acud-picker-header-view button[disabled]:focus,
.acud-picker-header-view button[aria-disabled="true"]:focus,
.acud-picker-header-view button[disabled]:active,
.acud-picker-header-view button[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-picker-header-view button:not(:first-child) {
margin-left: 8px;
}
.acud-picker-prev-icon,
.acud-picker-next-icon,
.acud-picker-super-prev-icon,
.acud-picker-super-next-icon {
position: relative;
display: inline-block;
width: 7px;
height: 7px;
}
.acud-picker-prev-icon::before,
.acud-picker-next-icon::before,
.acud-picker-super-prev-icon::before,
.acud-picker-super-next-icon::before {
position: absolute;
top: 0;
left: 0;
display: inline-block;
width: 7px;
height: 7px;
border: 0 solid currentColor;
border-width: 1px 0 0 1px;
content: '';
}
.acud-picker-super-prev-icon::after,
.acud-picker-super-next-icon::after {
position: absolute;
top: 3px;
left: 3px;
display: inline-block;
width: 7px;
height: 7px;
border: 0 solid currentColor;
border-width: 1px 0 0 1px;
content: '';
}
.acud-picker-prev-icon,
.acud-picker-super-prev-icon {
transform: rotate(-45deg);
}
.acud-picker-next-icon,
.acud-picker-super-next-icon {
transform: rotate(135deg);
}
.acud-picker-content {
width: 100%;
table-layout: fixed;
border-collapse: collapse;
}
.acud-picker-content > div {
width: 32px;
margin-right: 16px;
height: 26px;
overflow: visible;
}
.acud-picker-content > div:after {
content: ':';
display: block;
position: relative;
top: -28px;
left: 24px;
}
.acud-picker-content > div input {
width: 100%;
outline-style: none;
line-height: 24px;
text-align: center;
height: 24px;
box-sizing: border-box;
border: 1px solid;
background-color: #FFFFFF;
border-color: #E8E9EB;
}
.acud-picker-content > div input:hover {
background-color: #FFFFFF;
}
.acud-picker-content > div input:focus,
.acud-picker-content > div input:active {
background-color: #FFFFFF;
}
.acud-picker-content > div input[disabled],
.acud-picker-content > div input[aria-disabled="true"],
.acud-picker-content > div input[disabled]:hover,
.acud-picker-content > div input[aria-disabled="true"]:hover,
.acud-picker-content > div input[disabled]:focus,
.acud-picker-content > div input[aria-disabled="true"]:focus,
.acud-picker-content > div input[disabled]:active,
.acud-picker-content > div input[aria-disabled="true"]:active {
background-color: #F7F7F9;
}
.acud-picker-content > div input:hover {
border-color: #2468F2;
}
.acud-picker-content > div input:focus,
.acud-picker-content > div input:active {
border-color: #144BCC;
}
.acud-picker-content > div input[disabled],
.acud-picker-content > div input[aria-disabled="true"],
.acud-picker-content > div input[disabled]:hover,
.acud-picker-content > div input[aria-disabled="true"]:hover,
.acud-picker-content > div input[disabled]:focus,
.acud-picker-content > div input[aria-disabled="true"]:focus,
.acud-picker-content > div input[disabled]:active,
.acud-picker-content > div input[aria-disabled="true"]:active {
border-color: #E8E9EB;
}
.acud-picker-content > div:last-child:after {
display: none;
}
.acud-picker-content th,
.acud-picker-content td {
position: relative;
font-weight: 400;
font-size: 12px;
}
.acud-picker-cell {
cursor: pointer;
color: #B8BABF;
}
.acud-picker-cell-in-view {
color: #151B26;
}
.acud-picker-cell-disabled {
cursor: not-allowed;
}
.acud-picker-cell::before {
position: absolute;
top: 50%;
right: 0;
left: 0;
z-index: 1;
height: 24px;
transform: translateY(-50%);
content: '';
}
.acud-picker-cell .acud-picker-cell-inner {
position: relative;
z-index: 2;
display: inline-block;
min-width: 24px;
height: 24px;
line-height: 24px;
border-radius: 2px;
transition: background 0.3s, border 0.3s;
}
.acud-picker-cell:hover:not(.acud-picker-cell-in-view) .acud-picker-cell-inner,
.acud-picker-cell:hover:not(.acud-picker-cell-selected):not(.acud-picker-cell-range-start):not(.acud-picker-cell-range-end):not(.acud-picker-cell-range-hover-start):not(.acud-picker-cell-range-hover-end) .acud-picker-cell-inner {
background: #F7F7F9;
border-radius: 2px;
}
.acud-picker-cell-in-view.acud-picker-cell-today .acud-picker-cell-inner::before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
border: 1px solid #2468F2;
content: '';
border-radius: 2px;
}
.acud-picker-cell-today:not(.acud-picker-cell-in-range):not(.acud-picker-cell-range-hover):not(.acud-picker-cell-range-end):not(.acud-picker-cell-selected):not(.acud-picker-cell-range-start):not(.acud-picker-cell-disabled) {
background-color: transparent;
}
.acud-picker-cell-today:not(.acud-picker-cell-in-range):not(.acud-picker-cell-range-hover):not(.acud-picker-cell-range-end):not(.acud-picker-cell-selected):not(.acud-picker-cell-range-start):not(.acud-picker-cell-disabled) .acud-picker-cell-inner {
background-color: transparent;
}
.acud-picker-cell-in-view.acud-picker-cell-in-range,
.acud-picker-cell-in-view.acud-picker-cell-range-hover {
position: relative;
background: #E6F0FF;
}
.acud-picker-cell-in-view.acud-picker-cell-in-range:not(:first-child)::before,
.acud-picker-cell-in-view.acud-picker-cell-range-hover:not(:first-child)::before {
width: 12px;
left: -12px;
background: #E6F0FF;
}
.acud-picker-cell-in-view.acud-picker-cell-in-range.acud-picker-cell-start::before,
.acud-picker-cell-in-view.acud-picker-cell-range-hover.acud-picker-cell-start::before {
background: transparent;
}
.acud-picker-cell-start.acud-picker-cell-in-view.acud-picker-cell-range-end.acud-picker-cell-selected::before {
width: 0 !important;
background: transparent !important;
}
.acud-picker-cell-in-view.acud-picker-cell-range-end:not(:first-child)::before,
.acud-picker-cell-in-view.acud-picker-cell-range-hover-end:not(:first-child)::before {
width: 12px;
left: -12px;
background: #E6F0FF;
}
.acud-picker-cell-in-view.acud-picker-cell-range-hover-end.acud-picker-cell-range-hover-edge-start:not(:first-child)::before {
background-color: transparent;
}
.acud-picker-cell-in-view.acud-picker-cell-selected .acud-picker-cell-inner,
.acud-picker-cell-in-view.acud-picker-cell-range-start .acud-picker-cell-inner,
.acud-picker-cell-in-view.acud-picker-cell-range-end .acud-picker-cell-inner {
color: #FFFFFF;
background-color: #2468F2;
}
.acud-picker-cell-in-view.acud-picker-cell-range-start .acud-picker-cell-inner,
.acud-picker-cell-in-view.acud-picker-cell-range-end .acud-picker-cell-inner {
border-radius: 2px;
}
.acud-picker-cell-in-view.acud-picker-cell-range-start:not(.acud-picker-cell-range-start-single)::before,
.acud-picker-cell-in-view.acud-picker-cell-range-end:not(.acud-picker-cell-range-end-single)::before {
background: #E6F0FF;
}
.acud-picker-cell-in-view.acud-picker-cell-range-start.acud-picker-cell-range-end::before {
background: transparent;
}
.acud-picker-cell-in-view.acud-picker-cell-range-start.acud-picker-cell-range-end.acud-picker-cell-selected::before,
.acud-picker-cell-in-view.acud-picker-cell-range-start.acud-picker-cell-range-hover-start.acud-picker-cell-range-hover-end::before {
background: transparent !important;
}
.acud-picker-cell-range-end-single:not(.acud-picker-cell-range-hover-end)::before {
background: transparent !important;
}
.acud-picker-cell-in-view.acud-picker-cell-range-start.acud-picker-cell-range-hover-start::before {
background-color: #E6F0FF;
}
.acud-picker-cell-in-view.acud-picker-cell-range-start::before {
left: 50%;
}
.acud-picker-cell-in-view.acud-picker-cell-range-end::before {
right: 50%;
}
.acud-picker-cell-range-hover-start::after,
.acud-picker-cell-range-hover-end::after,
.acud-picker-cell-range-hover::after {
right: 0;
left: 2px;
}
.acud-picker-date-panel .acud-picker-cell-in-view.acud-picker-cell-in-range.acud-picker-cell-range-hover-start .acud-picker-cell-inner::after,
.acud-picker-date-panel .acud-picker-cell-in-view.acud-picker-cell-in-range.acud-picker-cell-range-hover-end .acud-picker-cell-inner::after {
position: absolute;
top: 0;
bottom: 0;
z-index: -1;
background: #D4E5FF;
content: '';
border-radius: 2px;
}
.acud-picker-date-panel .acud-picker-cell-in-view.acud-picker-cell-in-range.acud-picker-cell-range-hover-start .acud-picker-cell-inner::after {
right: 0;
left: 0;
}
.acud-picker-date-panel .acud-picker-cell-in-view.acud-picker-cell-in-range.acud-picker-cell-range-hover-end .acud-picker-cell-inner::after {
right: 0;
left: 0;
}
.acud-picker-date-panel .acud-picker-cell-in-view.acud-picker-cell-range-hover:not(:first-child)::before {
left: -9px;
}
.acud-picker-cell-range-hover.acud-picker-cell-range-start::after {
right: 50%;
}
.acud-picker-cell-range-hover.acud-picker-cell-range-end::after {
left: 50%;
}
tr > .acud-picker-cell-in-view.acud-picker-cell-range-hover:first-child::after,
tr > .acud-picker-cell-in-view.acud-picker-cell-range-hover-end:first-child::after,
.acud-picker-cell-in-view.acud-picker-cell-start.acud-picker-cell-range-hover-edge-start.acud-picker-cell-range-hover-edge-start-near-range::after,
.acud-picker-cell-in-view.acud-picker-cell-range-hover-edge-start:not(.acud-picker-cell-range-hover-edge-start-near-range)::after,
.acud-picker-cell-in-view.acud-picker-cell-range-hover-start::after {
left: 0;
border-left: 1px dashed #A8CAFF;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
}
tr > .acud-picker-cell-in-view.acud-picker-cell-range-hover:last-child::after,
tr > .acud-picker-cell-in-view.acud-picker-cell-range-hover-start:last-child::after,
.acud-picker-cell-in-view.acud-picker-cell-end.acud-picker-cell-range-hover-edge-end.acud-picker-cell-range-hover-edge-end-near-range::after,
.acud-picker-cell-in-view.acud-picker-cell-range-hover-edge-end:not(.acud-picker-cell-range-hover-edge-end-near-range)::after,
.acud-picker-cell-in-view.acud-picker-cell-range-hover-end::after {
right: 0;
border-right: 1px dashed #A8CAFF;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
}
.acud-picker-cell-disabled {
pointer-events: none;
}
.acud-picker-cell-disabled .acud-picker-cell-inner {
color: #B8BABF;
background: #F7F7F9;
}
.acud-picker-cell-disabled:not(:first-child)::before {
width: 12px;
left: -10px;
background: #F7F7F9;
}
.acud-picker-cell-disabled.acud-picker-cell-today .acud-picker-cell-inner::before {
border-color: #B8BABF;
}
.acud-picker-decade-panel .acud-picker-body,
.acud-picker-year-panel .acud-picker-body,
.acud-picker-quarter-panel .acud-picker-body,
.acud-picker-month-panel .acud-picker-body {
padding: 0 12px;
}
.acud-picker-quarter-panel .acud-picker-content {
height: 56px;
}
.acud-picker-quarter-panel .acud-picker-content tr td:last-child {
margin-right: 12px;
}
.acud-picker-date-panel tr .acud-picker-cell:first-child::before {
display: none;
}
.acud-picker-date-panel .acud-picker-cell-range-end:not(:first-child)::before {
left: -8px;
}
.acud-picker-date-panel .acud-picker-content thead th {
width: 24px;
line-height: 24px;
color: #151B26;
}
.acud-picker-date-panel .acud-picker-content tbody tr {
margin-top: 8px;
}
.acud-picker-date-panel .acud-picker-content tr {
display: flex;
justify-content: space-between;
width: 216px;
}
.acud-picker-date-panel .acud-picker-cell-in-view.acud-picker-cell-range-hover-end:not(.acud-picker-cell-range-end):hover .acud-picker-cell-inner,
.acud-picker-date-panel .acud-picker-cell-in-view.acud-picker-cell-range-hover-start:not(.acud-picker-cell-range-start):hover .acud-picker-cell-inner {
background-color: #E6F0FF;
}
.acud-picker-footer {
width: -moz-min-content;
width: min-content;
min-width: 100%;
text-align: center;
border-top: 1px solid #E8E9EB;
font-size: 12px;
line-height: 24px;
cursor: pointer;
}
.acud-picker-footer-extra {
padding: 0 8px;
text-align: left;
}
.acud-picker-now {
text-align: left;
}
.acud-picker-today-btn.acud-picker-today-btn-disabled {
cursor: not-allowed;
}
.acud-picker-decade-panel tr {
display: block;
margin: 12px 0;
}
.acud-picker-decade-panel tr td {
display: inline-block;
margin-right: 12px;
width: 79px;
}
.acud-picker-decade-panel tr td:last-child {
margin-right: 0;
}
.acud-picker-decade-panel tr .acud-picker-cell-inner {
width: 100%;
}
.acud-picker-decade-panel .acud-picker-cell::before {
display: none;
}
.acud-picker-year-panel,
.acud-picker-quarter-panel,
.acud-picker-month-panel {
width: 192px;
}
.acud-picker-year-panel tr,
.acud-picker-quarter-panel tr,
.acud-picker-month-panel tr {
display: block;
margin: 12px 0;
}
.acud-picker-year-panel tr td,
.acud-picker-quarter-panel tr td,
.acud-picker-month-panel tr td {
display: inline-block;
margin-right: 12px;
}
.acud-picker-year-panel tr td:last-child,
.acud-picker-quarter-panel tr td:last-child,
.acud-picker-month-panel tr td:last-child {
margin-right: 0;
}
.acud-picker-year-panel .acud-picker-cell-inner,
.acud-picker-quarter-panel .acud-picker-cell-inner,
.acud-picker-month-panel .acud-picker-cell-inner {
width: 48px;
}
.acud-picker-year-panel .acud-picker-cell-range-hover-start::after,
.acud-picker-quarter-panel .acud-picker-cell-range-hover-start::after,
.acud-picker-month-panel .acud-picker-cell-range-hover-start::after {
border-radius: 0px 0 0 0px;
}
.acud-picker-panel-rtl .acud-picker-year-panel .acud-picker-cell-range-hover-start::after,
.acud-picker-panel-rtl .acud-picker-quarter-panel .acud-picker-cell-range-hover-start::after,
.acud-picker-panel-rtl .acud-picker-month-panel .acud-picker-cell-range-hover-start::after {
border-radius: 0 0px 0px 0;
}
.acud-picker-year-panel .acud-picker-cell-range-hover-end::after,
.acud-picker-quarter-panel .acud-picker-cell-range-hover-end::after,
.acud-picker-month-panel .acud-picker-cell-range-hover-end::after {
border-radius: 0 0px 0px 0;
}
.acud-picker-panel-rtl .acud-picker-year-panel .acud-picker-cell-range-hover-end::after,
.acud-picker-panel-rtl .acud-picker-quarter-panel .acud-picker-cell-range-hover-end::after,
.acud-picker-panel-rtl .acud-picker-month-panel .acud-picker-cell-range-hover-end::after {
border-radius: 0px 0 0 0px;
}
.acud-picker-panels:last-child.acud-picker-month-panel {
width: 186px;
}
.acud-picker-panels .acud-picker-date-panel {
width: 234px;
}
.acud-picker-panels .acud-picker-decade-panel {
width: 285px;
}
.acud-picker-panels .acud-picker-decade-panel .acud-picker-header,
.acud-picker-panels .acud-picker-decade-panel .acud-picker-body {
padding-right: 12px !important;
}
.acud-picker-week-panel .acud-picker-body {
padding: 12px 8px;
}
.acud-picker-week-panel .acud-picker-cell:hover .acud-picker-cell-inner,
.acud-picker-week-panel .acud-picker-cell .acud-picker-cell-inner {
background: transparent !important;
}
.acud-picker-week-panel .acud-picker-cell-disabled::before {
width: 100%;
left: 0;
}
.acud-picker-week-panel-row td {
transition: background 0.3s;
}
.acud-picker-week-panel-row:hover td {
background: #E6F0FF;
}
.acud-picker-week-panel-row-selected td,
.acud-picker-week-panel-row-selected:hover td {
background-color: #2468F2 !important;
color: #FFFFFF;
}
.acud-picker-week-panel-row-selected td.acud-picker-cell-today .acud-picker-cell-inner::before,
.acud-picker-week-panel-row-selected:hover td.acud-picker-cell-today .acud-picker-cell-inner::before {
border-color: #2468F2;
}
.acud-picker-date-panel tr td.acud-picker-cell-in-view.acud-picker-cell-in-range:first-child,
.acud-picker-month-panel tr td.acud-picker-cell-in-view.acud-picker-cell-in-range:first-child,
.acud-picker-year-panel tr td.acud-picker-cell-in-view.acud-picker-cell-in-range:first-child,
.acud-picker-date-panel tr td.acud-picker-cell-range-hover:first-child,
.acud-picker-month-panel tr td.acud-picker-cell-range-hover:first-child,
.acud-picker-year-panel tr td.acud-picker-cell-range-hover:first-child {
border-radius: 2px 0 0 2px;
}
.acud-picker-date-panel tr td.acud-picker-cell-in-view.acud-picker-cell-in-range:last-child,
.acud-picker-month-panel tr td.acud-picker-cell-in-view.acud-picker-cell-in-range:last-child,
.acud-picker-year-panel tr td.acud-picker-cell-in-view.acud-picker-cell-in-range:last-child,
.acud-picker-date-panel tr td.acud-picker-cell-range-hover:last-child,
.acud-picker-month-panel tr td.acud-picker-cell-range-hover:last-child,
.acud-picker-year-panel tr td.acud-picker-cell-range-hover:last-child {
border-radius: 0 2px 2px 0;
}
.acud-picker-date-panel tr td.acud-picker-cell-in-view.acud-picker-cell-in-range.acud-picker-cell-end,
.acud-picker-month-panel tr td.acud-picker-cell-in-view.acud-picker-cell-in-range.acud-picker-cell-end,
.acud-picker-year-panel tr td.acud-picker-cell-in-view.acud-picker-cell-in-range.acud-picker-cell-end,
.acud-picker-date-panel tr td.acud-picker-cell-range-hover.acud-picker-cell-end,
.acud-picker-month-panel tr td.acud-picker-cell-range-hover.acud-picker-cell-end,
.acud-picker-year-panel tr td.acud-picker-cell-range-hover.acud-picker-cell-end {
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
}
.acud-picker-date-panel tr td.acud-picker-cell-in-view.acud-picker-cell-in-range.acud-picker-cell-start,
.acud-picker-month-panel tr td.acud-picker-cell-in-view.acud-picker-cell-in-range.acud-picker-cell-start,
.acud-picker-year-panel tr td.acud-picker-cell-in-view.acud-picker-cell-in-range.acud-picker-cell-start,
.acud-picker-date-panel tr td.acud-picker-cell-range-hover.acud-picker-cell-start,
.acud-picker-month-panel tr td.acud-picker-cell-range-hover.acud-picker-cell-start,
.acud-picker-year-panel tr td.acud-picker-cell-range-hover.acud-picker-cell-start {
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
}
.acud-picker-date-panel tr td.acud-picker-cell-range-hover-end:not(.acud-picker-cell-range-end):not(.acud-picker-cell-in-range) .acud-picker-cell-inner,
.acud-picker-month-panel tr td.acud-picker-cell-range-hover-end:not(.acud-picker-cell-range-end):not(.acud-picker-cell-in-range) .acud-picker-cell-inner,
.acud-picker-year-panel tr td.acud-picker-cell-range-hover-end:not(.acud-picker-cell-range-end):not(.acud-picker-cell-in-range) .acud-picker-cell-inner {
border-radius: 0 2px 2px 0;
}
.acud-picker-date-panel tr td.acud-picker-cell-range-hover-end:not(.acud-picker-cell-range-end):not(.acud-picker-cell-in-range):first-child .acud-picker-cell-inner,
.acud-picker-month-panel tr td.acud-picker-cell-range-hover-end:not(.acud-picker-cell-range-end):not(.acud-picker-cell-in-range):first-child .acud-picker-cell-inner,
.acud-picker-year-panel tr td.acud-picker-cell-range-hover-end:not(.acud-picker-cell-range-end):not(.acud-picker-cell-in-range):first-child .acud-picker-cell-inner,
.acud-picker-date-panel tr td.acud-picker-cell-range-hover-end:not(.acud-picker-cell-range-end):not(.acud-picker-cell-in-range).acud-picker-cell-selected .acud-picker-cell-inner,
.acud-picker-month-panel tr td.acud-picker-cell-range-hover-end:not(.acud-picker-cell-range-end):not(.acud-picker-cell-in-range).acud-picker-cell-selected .acud-picker-cell-inner,
.acud-picker-year-panel tr td.acud-picker-cell-range-hover-end:not(.acud-picker-cell-range-end):not(.acud-picker-cell-in-range).acud-picker-cell-selected .acud-picker-cell-inner {
border-radius: 2px;
}
.acud-picker-date-panel tr td.acud-picker-cell-range-hover-start:not(.acud-picker-cell-selected):not(.acud-picker-cell-range-start):not(.acud-picker-cell-in-range) .acud-picker-cell-inner,
.acud-picker-month-panel tr td.acud-picker-cell-range-hover-start:not(.acud-picker-cell-selected):not(.acud-picker-cell-range-start):not(.acud-picker-cell-in-range) .acud-picker-cell-inner,
.acud-picker-year-panel tr td.acud-picker-cell-range-hover-start:not(.acud-picker-cell-selected):not(.acud-picker-cell-range-start):not(.acud-picker-cell-in-range) .acud-picker-cell-inner {
border-radius: 2px 0 0 2px;
}
.acud-picker-date-panel tr td.acud-picker-cell-range-hover-start:not(.acud-picker-cell-selected):not(.acud-picker-cell-range-start):not(.acud-picker-cell-in-range):last-child .acud-picker-cell-inner,
.acud-picker-month-panel tr td.acud-picker-cell-range-hover-start:not(.acud-picker-cell-selected):not(.acud-picker-cell-range-start):not(.acud-picker-cell-in-range):last-child .acud-picker-cell-inner,
.acud-picker-year-panel tr td.acud-picker-cell-range-hover-start:not(.acud-picker-cell-selected):not(.acud-picker-cell-range-start):not(.acud-picker-cell-in-range):last-child .acud-picker-cell-inner,
.acud-picker-date-panel tr td.acud-picker-cell-range-hover-start:not(.acud-picker-cell-selected):not(.acud-picker-cell-range-start):not(.acud-picker-cell-in-range).acud-picker-cell-selected .acud-picker-cell-inner,
.acud-picker-month-panel tr td.acud-picker-cell-range-hover-start:not(.acud-picker-cell-selected):not(.acud-picker-cell-range-start):not(.acud-picker-cell-in-range).acud-picker-cell-selected .acud-picker-cell-inner,
.acud-picker-year-panel tr td.acud-picker-cell-range-hover-start:not(.acud-picker-cell-selected):not(.acud-picker-cell-range-start):not(.acud-picker-cell-in-range).acud-picker-cell-selected .acud-picker-cell-inner {
border-radius: 2px;
}
.acud-picker-date-panel .acud-picker-body {
padding: 12px;
}
.acud-picker-datetime-panel {
display: flex;
}
.acud-picker-datetime-panel .acud-picker-time-panel {
border-left: 1px solid #E8E9EB;
}
.acud-picker-datetime-panel .acud-picker-date-panel,
.acud-picker-datetime-panel .acud-picker-time-panel {
transition: opacity 0.3s;
}
.acud-picker-datetime-panel-active .acud-picker-date-panel,
.acud-picker-datetime-panel-active .acud-picker-time-panel {
opacity: 0.3;
}
.acud-picker-datetime-panel-active .acud-picker-date-panel-active,
.acud-picker-datetime-panel-active .acud-picker-time-panel-active {
opacity: 1;
}
.acud-picker-time-panel {
width: auto;
min-width: auto;
}
.acud-picker-time-panel .acud-picker-content {
display: flex;
flex: auto;
height: 196px;
}
.acud-picker-time-panel-column {
flex: 1 0 auto;
width: 64px;
margin: 0;
padding: 0;
overflow-y: hidden;
text-align: left;
list-style: none;
transition: background 0.3s;
}
.acud-picker-time-panel-column::after {
display: block;
height: 168px;
content: '';
}
.acud-picker-datetime-panel .acud-picker-time-panel-column::after {
height: 170px;
}
.acud-picker-time-panel-column:not(:first-child) {
border-left: 1px solid #E8E9EB;
}
.acud-picker-time-panel-column:hover {
overflow-y: auto;
overflow-y: overlay;
}
.acud-picker-time-panel-column > li {
margin: 0;
padding: 0;
}
.acud-picker-time-panel-column > li.acud-picker-time-panel-cell .acud-picker-time-panel-cell-inner {
display: block;
width: 100%;
height: 28px;
margin: 0;
color: #151B26;
font-size: 12px;
line-height: 28px;
text-align: center;
border-radius: 0;
cursor: pointer;
transition: background 0.3s;
}
.acud-picker-time-panel-column > li.acud-picker-time-panel-cell .acud-picker-time-panel-cell-inner:hover {
background: #F7F7F9;
}
.acud-picker-time-panel-column > li.acud-picker-time-panel-cell-selected .acud-picker-time-panel-cell-inner {
background: #E6F0FF;
}
.acud-picker-time-panel-column > li.acud-picker-time-panel-cell-disabled .acud-picker-time-panel-cell-inner {
color: #B8BABF;
background: transparent;
cursor: not-allowed;
}
/* stylelint-disable-next-line */
_:-ms-fullscreen .acud-picker-range-wrapper .acud-picker-month-panel .acud-picker-cell,
:root .acud-picker-range-wrapper .acud-picker-month-panel .acud-picker-cell,
_:-ms-fullscreen .acud-picker-range-wrapper .acud-picker-year-panel .acud-picker-cell,
:root .acud-picker-range-wrapper .acud-picker-year-panel .acud-picker-cell {
padding: 21px 0;
}
.acud-picker-rtl {
direction: rtl;
}
.acud-picker-rtl .acud-picker-suffix {
margin-right: 6px;
margin-left: 0;
}
.acud-picker-rtl .acud-picker-clear {
right: auto;
left: 0;
}
.acud-picker-rtl .acud-picker-separator {
transform: rotate(180deg);
}
.acud-picker-panel-rtl .acud-picker-header-view button:not(:first-child) {
margin-right: 12px;
margin-left: 0;
}
.acud-picker-rtl.acud-picker-range .acud-picker-clear {
right: auto;
}
.acud-picker-rtl.acud-picker-range .acud-picker-active-bar {
margin-left: 0;
}
.acud-picker-dropdown-rtl .acud-picker-ranges {
text-align: right;
}
.acud-picker-dropdown-rtl .acud-picker-ranges .acud-picker-ok {
float: left;
margin-right: 12px;
margin-left: 0;
}
.acud-picker-panel-rtl {
direction: rtl;
}
.acud-picker-panel-rtl .acud-picker-prev-icon,
.acud-picker-panel-rtl .acud-picker-super-prev-icon {
transform: rotate(135deg);
}
.acud-picker-panel-rtl .acud-picker-next-icon,
.acud-picker-panel-rtl .acud-picker-super-next-icon {
transform: rotate(-45deg);
}
.acud-picker-dropdown-rtl .acud-picker-footer-extra {
direction: rtl;
text-align: right;
}
.acud-picker-panel-rtl .acud-picker-time-panel {
direction: ltr;
}
/* color */
/* 默认颜色 */
/* 通用-icon */
/* 标签 */
/* 默认颜色 */
/* 其他颜色 */
/* 通用 */
/* 水平 */
/* 垂直 */
/* 序号水平 */
/* 序号垂直 */
.acud-dialogbox {
margin: 0;
padding: 0;
pointer-events: none;
position: relative;
width: auto;
max-width: calc(100vw - 32px);
padding-bottom: 24px;
}
.acud-dialogbox.zoom-enter,
.acud-dialogbox.zoom-appear {
transform: none;
opacity: 0;
animation-duration: 0.3s;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.acud-dialogbox-mask {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1000;
height: 100%;
background-color: rgba(7, 12, 20, 0.5);
}
.acud-dialogbox-mask-hidden {
display: none;
}
.acud-dialogbox-wrap {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: auto;
outline: 0;
display: flex;
justify-content: center;
align-items: center;
-webkit-overflow-scrolling: touch;
z-index: 1000;
}
.acud-dialogbox-sm {
width: 520px;
max-height: 560px;
}
.acud-dialogbox-md {
width: 800px;
max-height: 560px;
}
.acud-dialogbox-lg {
width: 1120px;
max-height: 560px;
}
.acud-dialogbox-xl {
width: 1200px;
max-height: 560px;
}
.acud-dialogbox-content {
position: relative;
background-color: #FFFFFF;
background-clip: padding-box;
border: 0;
border-radius: 6px;
pointer-events: auto;
}
.acud-dialogbox-content-con {
display: flex;
flex-direction: row;
justify-content: flex-start;
}
.acud-dialogbox-content-icon {
height: 20px;
width: 20px;
margin-right: 12px;
border-radius: 50%;
color: #fff;
}
.acud-dialogbox-content-icon > span {
height: 20px;
width: 20px;
display: flex;
justify-content: center;
align-items: center;
font-size: 24px;
font-weight: 700;
}
.acud-dialogbox-content-icon > span svg {
width: 100%;
height: 100%;
}
.acud-dialogbox-content-icon.sucess {
color: #30BF13;
}
.acud-dialogbox-content-icon.warning {
color: #FF9326;
}
.acud-dialogbox-content-icon.info {
color: #2468F2;
}
.acud-dialogbox-content-icon.error {
color: #F33E3E;
}
.acud-dialogbox-content-title {
font-size: 16px;
color: #151B26;
font-weight: 500;
margin-bottom: 8px;
height: 20px;
line-height: 20px;
}
.acud-dialogbox-content-text {
min-width: 320px;
min-height: 50px;
font-size: 12px;
color: #151B26;
line-height: 20px;
}
.acud-dialogbox-header {
padding: 24px 24px 0;
color: #151B26;
background-color: #F7F7F9;
}
.acud-dialogbox-close {
position: absolute;
top: 27px;
right: 24px;
line-height: 1;
text-decoration: none;
background: transparent;
border: 0;
outline: 0;
cursor: pointer;
transition: color 0.3s;
}
.acud-dialogbox-close-x .acudicon {
color: #84868C;
}
.acud-dialogbox-close-x .acudicon:hover {
color: #5C5F66;
}
.acud-dialogbox-close-x .acudicon:focus,
.acud-dialogbox-close-x .acudicon:active {
color: #303540;
}
.acud-dialogbox-close-x .acudicon[disabled],
.acud-dialogbox-close-x .acudicon[aria-disabled="true"],
.acud-dialogbox-close-x .acudicon[disabled]:hover,
.acud-dialogbox-close-x .acudicon[aria-disabled="true"]:hover,
.acud-dialogbox-close-x .acudicon[disabled]:focus,
.acud-dialogbox-close-x .acudicon[aria-disabled="true"]:focus,
.acud-dialogbox-close-x .acudicon[disabled]:active,
.acud-dialogbox-close-x .acudicon[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-dialogbox-body {
padding: 24px 24px;
font-size: 12px;
line-height: 20px;
word-wrap: break-word;
}
.acud-dialogbox-footer {
width: 100%;
padding: 0 24px 24px;
box-sizing: border-box;
overflow: hidden;
text-align: right;
}
.acud-dialogbox-footer .acud-btn + .acud-btn {
margin-bottom: 0;
margin-left: 8px;
font-size: 12px;
}
.acud-dialogbox-footer .acud-btn {
margin: 0;
}
/* color */
/* 默认颜色 */
/* 通用-icon */
/* 标签 */
/* 默认颜色 */
/* 其他颜色 */
/* 通用 */
/* 水平 */
/* 垂直 */
/* 序号水平 */
/* 序号垂直 */
.acud-divider {
margin: 0;
padding: 0;
border-top: 1px solid rgba(0, 0, 0, 0.06);
}
.acud-divider-vertical {
position: relative;
top: -0.06em;
display: inline-block;
height: 0.9em;
margin: 0 8px;
vertical-align: middle;
border-top: 0;
border-left: 1px solid rgba(0, 0, 0, 0.06);
}
.acud-divider-horizontal {
display: flex;
clear: both;
width: 100%;
min-width: 100%;
margin: 24px 0;
}
.acud-divider-horizontal.acud-divider-with-text {
display: flex;
margin: 16px 0;
color: rgba(0, 0, 0, 0.85);
font-weight: 500;
font-size: 14px;
white-space: nowrap;
text-align: center;
border-top: 0;
border-top-color: rgba(0, 0, 0, 0.06);
}
.acud-divider-horizontal.acud-divider-with-text::before,
.acud-divider-horizontal.acud-divider-with-text::after {
position: relative;
top: 50%;
width: 50%;
border-top: 1px solid transparent;
border-top-color: inherit;
border-bottom: 0;
transform: translateY(50%);
content: '';
}
.acud-divider-horizontal.acud-divider-with-text-left::before {
top: 50%;
width: 5%;
}
.acud-divider-horizontal.acud-divider-with-text-left::after {
top: 50%;
width: 95%;
}
.acud-divider-horizontal.acud-divider-with-text-right::before {
top: 50%;
width: 95%;
}
.acud-divider-horizontal.acud-divider-with-text-right::after {
top: 50%;
width: 5%;
}
.acud-divider-inner-text {
display: inline-block;
padding: 0 1em;
}
.acud-divider-dashed {
background: none;
border-color: rgba(0, 0, 0, 0.06);
border-style: dashed;
border-width: 1px 0 0;
}
.acud-divider-horizontal.acud-divider-with-text.acud-divider-dashed::before,
.acud-divider-horizontal.acud-divider-with-text.acud-divider-dashed::after {
border-style: dashed none none;
}
.acud-divider-vertical.acud-divider-dashed {
border-width: 0 0 0 1px;
}
.acud-divider-plain.acud-divider-with-text {
color: #151B26;
font-weight: normal;
font-size: 12px;
}
.acud-divider-horizontal.acud-divider-with-text-left.acud-divider-no-default-orientation-margin-left::before {
width: 0;
}
.acud-divider-horizontal.acud-divider-with-text-left.acud-divider-no-default-orientation-margin-left::after {
width: 100%;
}
.acud-divider-horizontal.acud-divider-with-text-left.acud-divider-no-default-orientation-margin-left .acud-divider-inner-text {
padding-left: 0;
}
.acud-divider-horizontal.acud-divider-with-text-right.acud-divider-no-default-orientation-margin-right::before {
width: 100%;
}
.acud-divider-horizontal.acud-divider-with-text-right.acud-divider-no-default-orientation-margin-right::after {
width: 0;
}
.acud-divider-horizontal.acud-divider-with-text-right.acud-divider-no-default-orientation-margin-right .acud-divider-inner-text {
padding-right: 0;
}
.acud-divider-rtl {
direction: rtl;
}
.acud-divider-rtl.acud-divider-horizontal.acud-divider-with-text-left::before {
width: 95%;
}
.acud-divider-rtl.acud-divider-horizontal.acud-divider-with-text-left::after {
width: 5%;
}
.acud-divider-rtl.acud-divider-horizontal.acud-divider-with-text-right::before {
width: 5%;
}
.acud-divider-rtl.acud-divider-horizontal.acud-divider-with-text-right::after {
width: 95%;
}
/* color */
/* 默认颜色 */
/* 通用-icon */
/* 标签 */
/* 默认颜色 */
/* 其他颜色 */
/* 通用 */
/* 水平 */
/* 垂直 */
/* 序号水平 */
/* 序号垂直 */
.acud-drawer {
position: fixed;
z-index: 1000;
width: 0%;
height: 100%;
transition: transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1), height 0s ease 0.3s, width 0s ease 0.3s;
outline: none;
}
.acud-drawer > * {
transition: transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1), box-shadow 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
}
.acud-drawer-content-wrapper {
position: absolute;
width: 100%;
height: 100%;
overflow: hidden;
}
.acud-drawer-left,
.acud-drawer-right {
top: 0;
width: 0%;
height: 100%;
}
.acud-drawer-left .acud-drawer-content-wrapper,
.acud-drawer-right .acud-drawer-content-wrapper {
height: 100%;
}
.acud-drawer-left.acud-drawer-open,
.acud-drawer-right.acud-drawer-open {
width: 100%;
transition: transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
}
.acud-drawer-left {
left: 0;
}
.acud-drawer-left .acud-drawer-content-wrapper {
left: 0;
}
.acud-drawer-left.acud-drawer-open .acud-drawer-content-wrapper {
box-shadow: 0px 4px 12px 1px rgba(7, 12, 20, 0.12);
}
.acud-drawer-right {
right: 0;
}
.acud-drawer-right .acud-drawer-content-wrapper {
right: 0;
}
.acud-drawer-right.acud-drawer-open .acud-drawer-content-wrapper {
box-shadow: 0px 4px 12px 1px rgba(7, 12, 20, 0.12);
}
.acud-drawer-right.acud-drawer-open.no-mask {
right: 1px;
transform: translateX(1px);
}
.acud-drawer-top,
.acud-drawer-bottom {
left: 0;
width: 100%;
height: 0%;
}
.acud-drawer-top .acud-drawer-content-wrapper,
.acud-drawer-bottom .acud-drawer-content-wrapper {
width: 100%;
}
.acud-drawer-top.acud-drawer-open,
.acud-drawer-bottom.acud-drawer-open {
height: 100%;
transition: transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
}
.acud-drawer-top {
top: 0;
}
.acud-drawer-top.acud-drawer-open .acud-drawer-content-wrapper {
box-shadow: 0px 4px 12px 1px rgba(7, 12, 20, 0.12);
}
.acud-drawer-bottom {
bottom: 0;
}
.acud-drawer-bottom .acud-drawer-content-wrapper {
bottom: 0;
}
.acud-drawer-bottom.acud-drawer-open .acud-drawer-content-wrapper {
box-shadow: 0px 4px 12px 1px rgba(7, 12, 20, 0.12);
}
.acud-drawer-bottom.acud-drawer-open.no-mask {
bottom: 1px;
transform: translateY(1px);
}
.acud-drawer.acud-drawer-open .acud-drawer-mask {
height: 100%;
opacity: 1;
transition: none;
animation: acudDrawerFadeIn 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
pointer-events: auto;
}
.acud-drawer-title {
display: inline-block;
vertical-align: middle;
font-size: 16px;
color: #151B26;
margin: 0;
font-weight: 500;
line-height: 24px;
}
.acud-drawer .acud-drawer-back {
height: 16px;
vertical-align: middle;
cursor: pointer;
font-size: 16px;
transition: color 0.3s;
color: #84868C;
margin-right: 4px;
}
.acud-drawer .acud-drawer-back:hover {
color: #2468F2;
}
.acud-drawer .acud-drawer-back:focus,
.acud-drawer .acud-drawer-back:active {
color: #144BCC;
}
.acud-drawer .acud-drawer-back[disabled],
.acud-drawer .acud-drawer-back[aria-disabled="true"],
.acud-drawer .acud-drawer-back[disabled]:hover,
.acud-drawer .acud-drawer-back[aria-disabled="true"]:hover,
.acud-drawer .acud-drawer-back[disabled]:focus,
.acud-drawer .acud-drawer-back[aria-disabled="true"]:focus,
.acud-drawer .acud-drawer-back[disabled]:active,
.acud-drawer .acud-drawer-back[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-drawer .acud-drawer-back svg {
vertical-align: top;
}
.acud-drawer-content {
width: 100%;
height: 100%;
position: relative;
z-index: 1;
overflow: auto;
background-color: #fff;
background-clip: padding-box;
border: 0;
}
.acud-drawer-close {
position: absolute;
top: 0;
right: 0;
z-index: 10;
display: block;
padding: 20px 16px;
font-weight: 700;
font-size: 14px;
font-style: normal;
line-height: 1;
text-align: center;
text-transform: none;
text-decoration: none;
background: transparent;
border: 0;
outline: 0;
cursor: pointer;
transition: color 0.3s;
text-rendering: auto;
--scroll-bar: 0;
color: #84868C;
}
.acud-drawer-close:hover {
color: #5C5F66;
}
.acud-drawer-close:focus,
.acud-drawer-close:active {
color: #303540;
}
.acud-drawer-close[disabled],
.acud-drawer-close[aria-disabled="true"],
.acud-drawer-close[disabled]:hover,
.acud-drawer-close[aria-disabled="true"]:hover,
.acud-drawer-close[disabled]:focus,
.acud-drawer-close[aria-disabled="true"]:focus,
.acud-drawer-close[disabled]:active,
.acud-drawer-close[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-drawer-header-no-title .acud-drawer-close {
margin-right: var(--scroll-bar);
/* stylelint-disable-next-line function-calc-no-invalid */
padding-right: calc(17px - var(--scroll-bar));
}
.acud-drawer-header {
position: relative;
padding: 16px 24px;
color: #151B26;
height: 56px;
background: #fff;
border-bottom: 1px solid #F2F2F4;
border-radius: 0;
}
.acud-drawer-header + .acud-drawer-body {
padding-top: 24px;
}
.acud-drawer-header-no-title {
color: #151B26;
background: #fff;
}
.acud-drawer-wrapper-body {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
width: 100%;
height: 100%;
}
.acud-drawer-body {
flex-grow: 1;
padding: 16px 24px;
overflow: auto;
font-size: 14px;
color: #151B26;
font-weight: 400;
line-height: 20px;
word-wrap: break-word;
}
.acud-drawer-footer {
flex-shrink: 0;
padding: 16px 24px;
border-top: 1px solid #F2F2F4;
}
.acud-drawer-mask {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 0;
background-color: rgba(0, 0, 0, 0.5);
opacity: 0;
filter: alpha(opacity=45);
transition: opacity 0.3s linear, height 0s ease 0.3s;
pointer-events: none;
}
.acud-drawer-open-content {
box-shadow: 0px 4px 12px 1px rgba(7, 12, 20, 0.12);
}
.acud-drawer-footer {
height: 64px;
}
@keyframes acudDrawerFadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
/* color */
/* 默认颜色 */
/* 通用-icon */
/* 标签 */
/* 默认颜色 */
/* 其他颜色 */
/* 通用 */
/* 水平 */
/* 垂直 */
/* 序号水平 */
/* 序号垂直 */
.acud-dropdown::-webkit-scrollbar {
width: 4px;
}
.acud-dropdown::-webkit-scrollbar-thumb {
background: #D4D6D9;
}
.acud-dropdown {
position: absolute;
top: -9999px;
left: -9999px;
z-index: 1050;
border-radius: 4px;
box-shadow: 0px 2px 8px 0px rgba(7, 12, 20, 0.12);
background-color: #FFFFFF;
padding: 4px 0;
}
.acud-dropdown::before {
position: absolute;
inset: -4px 0 -4px -7px;
z-index: -9999;
opacity: 0.0001;
content: " ";
}
.acud-dropdown-hidden,
.acud-dropdown-menu-submenu-hidden,
.acud-dropdown-menu-hidden {
display: none;
}
.acud-dropdown-demo-image > img {
width: 18px;
margin-right: 8px;
}
.acud-dropdown-trigger {
cursor: pointer;
position: relative;
line-height: 20px;
}
.acud-dropdown-trigger .trigger-title {
font-size: 12px;
font-weight: 400;
color: #151B26;
}
.acud-dropdown-trigger .trigger-title:hover {
color: #2468F2;
}
.acud-dropdown-trigger .trigger-title:focus,
.acud-dropdown-trigger .trigger-title:active {
color: #2468F2;
}
.acud-dropdown-trigger .trigger-title[disabled],
.acud-dropdown-trigger .trigger-title[aria-disabled="true"],
.acud-dropdown-trigger .trigger-title[disabled]:hover,
.acud-dropdown-trigger .trigger-title[aria-disabled="true"]:hover,
.acud-dropdown-trigger .trigger-title[disabled]:focus,
.acud-dropdown-trigger .trigger-title[aria-disabled="true"]:focus,
.acud-dropdown-trigger .trigger-title[disabled]:active,
.acud-dropdown-trigger .trigger-title[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-dropdown-trigger .trigger-title-withicon {
color: #151B26;
}
.acud-dropdown-trigger .trigger-title-withicon:hover {
color: #151B26;
}
.acud-dropdown-trigger .trigger-title-withicon:focus,
.acud-dropdown-trigger .trigger-title-withicon:active {
color: #151B26;
}
.acud-dropdown-trigger .trigger-title-withicon[disabled],
.acud-dropdown-trigger .trigger-title-withicon[aria-disabled="true"],
.acud-dropdown-trigger .trigger-title-withicon[disabled]:hover,
.acud-dropdown-trigger .trigger-title-withicon[aria-disabled="true"]:hover,
.acud-dropdown-trigger .trigger-title-withicon[disabled]:focus,
.acud-dropdown-trigger .trigger-title-withicon[aria-disabled="true"]:focus,
.acud-dropdown-trigger .trigger-title-withicon[disabled]:active,
.acud-dropdown-trigger .trigger-title-withicon[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-dropdown-trigger a {
color: #2468F2;
}
.acud-dropdown-trigger-arrow {
position: relative;
top: 2px;
margin-left: 8px;
z-index: 1;
width: 16px;
height: 16px;
margin-top: -8px;
font-size: 12px;
line-height: 16px;
transition: transform 0.48s;
}
.acud-dropdown-trigger-arrow-expand {
transform: rotate(180deg);
}
.acud-dropdown-trigger-arrow > svg {
width: 16px;
height: 16px;
}
.acud-dropdown-trigger-disabled {
pointer-events: none;
cursor: not-allowed;
color: #B8BABF;
}
.acud-dropdown-trigger-disabled:focus,
.acud-dropdown-trigger-disabled:hover {
color: #B8BABF;
}
.acud-dropdown-trigger-disabled:active {
color: #B8BABF;
}
li.acud-dropdown-menu-submenu,
.acud-dropdown-menu-item {
cursor: pointer;
color: #151B26;
background-color: #FFFFFF;
border-color: transparent;
font-size: 12px;
font-weight: 400;
line-height: 32px;
white-space: nowrap;
}
li.acud-dropdown-menu-submenu:hover,
.acud-dropdown-menu-item:hover {
color: #151B26;
}
li.acud-dropdown-menu-submenu:focus,
.acud-dropdown-menu-item:focus,
li.acud-dropdown-menu-submenu:active,
.acud-dropdown-menu-item:active {
color: #2468F2;
}
li.acud-dropdown-menu-submenu[disabled],
.acud-dropdown-menu-item[disabled],
li.acud-dropdown-menu-submenu[aria-disabled="true"],
.acud-dropdown-menu-item[aria-disabled="true"],
li.acud-dropdown-menu-submenu[disabled]:hover,
.acud-dropdown-menu-item[disabled]:hover,
li.acud-dropdown-menu-submenu[aria-disabled="true"]:hover,
.acud-dropdown-menu-item[aria-disabled="true"]:hover,
li.acud-dropdown-menu-submenu[disabled]:focus,
.acud-dropdown-menu-item[disabled]:focus,
li.acud-dropdown-menu-submenu[aria-disabled="true"]:focus,
.acud-dropdown-menu-item[aria-disabled="true"]:focus,
li.acud-dropdown-menu-submenu[disabled]:active,
.acud-dropdown-menu-item[disabled]:active,
li.acud-dropdown-menu-submenu[aria-disabled="true"]:active,
.acud-dropdown-menu-item[aria-disabled="true"]:active {
color: #B8BABF;
}
li.acud-dropdown-menu-submenu:hover,
.acud-dropdown-menu-item:hover {
background-color: #E6F0FF;
}
li.acud-dropdown-menu-submenu:focus,
.acud-dropdown-menu-item:focus,
li.acud-dropdown-menu-submenu:active,
.acud-dropdown-menu-item:active {
background-color: #FFFFFF;
}
li.acud-dropdown-menu-submenu[disabled],
.acud-dropdown-menu-item[disabled],
li.acud-dropdown-menu-submenu[aria-disabled="true"],
.acud-dropdown-menu-item[aria-disabled="true"],
li.acud-dropdown-menu-submenu[disabled]:hover,
.acud-dropdown-menu-item[disabled]:hover,
li.acud-dropdown-menu-submenu[aria-disabled="true"]:hover,
.acud-dropdown-menu-item[aria-disabled="true"]:hover,
li.acud-dropdown-menu-submenu[disabled]:focus,
.acud-dropdown-menu-item[disabled]:focus,
li.acud-dropdown-menu-submenu[aria-disabled="true"]:focus,
.acud-dropdown-menu-item[aria-disabled="true"]:focus,
li.acud-dropdown-menu-submenu[disabled]:active,
.acud-dropdown-menu-item[disabled]:active,
li.acud-dropdown-menu-submenu[aria-disabled="true"]:active,
.acud-dropdown-menu-item[aria-disabled="true"]:active {
background-color: #FFFFFF;
}
li.acud-dropdown-menu-submenu:hover,
.acud-dropdown-menu-item:hover {
border-color: transparent;
}
li.acud-dropdown-menu-submenu:focus,
.acud-dropdown-menu-item:focus,
li.acud-dropdown-menu-submenu:active,
.acud-dropdown-menu-item:active {
border-color: transparent;
}
li.acud-dropdown-menu-submenu[disabled],
.acud-dropdown-menu-item[disabled],
li.acud-dropdown-menu-submenu[aria-disabled="true"],
.acud-dropdown-menu-item[aria-disabled="true"],
li.acud-dropdown-menu-submenu[disabled]:hover,
.acud-dropdown-menu-item[disabled]:hover,
li.acud-dropdown-menu-submenu[aria-disabled="true"]:hover,
.acud-dropdown-menu-item[aria-disabled="true"]:hover,
li.acud-dropdown-menu-submenu[disabled]:focus,
.acud-dropdown-menu-item[disabled]:focus,
li.acud-dropdown-menu-submenu[aria-disabled="true"]:focus,
.acud-dropdown-menu-item[aria-disabled="true"]:focus,
li.acud-dropdown-menu-submenu[disabled]:active,
.acud-dropdown-menu-item[disabled]:active,
li.acud-dropdown-menu-submenu[aria-disabled="true"]:active,
.acud-dropdown-menu-item[aria-disabled="true"]:active {
border-color: transparent;
}
li.acud-dropdown-menu-submenu-disabled,
.acud-dropdown-menu-item-disabled {
cursor: not-allowed;
color: #B8BABF;
background-color: #FFFFFF;
border-color: transparent;
}
li.acud-dropdown-menu-submenu-disabled:focus,
.acud-dropdown-menu-item-disabled:focus,
li.acud-dropdown-menu-submenu-disabled:hover,
.acud-dropdown-menu-item-disabled:hover {
color: #B8BABF;
}
li.acud-dropdown-menu-submenu-disabled:active,
.acud-dropdown-menu-item-disabled:active {
color: #B8BABF;
}
li.acud-dropdown-menu-submenu-disabled:focus,
.acud-dropdown-menu-item-disabled:focus,
li.acud-dropdown-menu-submenu-disabled:hover,
.acud-dropdown-menu-item-disabled:hover {
background-color: #FFFFFF;
}
li.acud-dropdown-menu-submenu-disabled:active,
.acud-dropdown-menu-item-disabled:active {
background-color: #FFFFFF;
}
li.acud-dropdown-menu-submenu-disabled:focus,
.acud-dropdown-menu-item-disabled:focus,
li.acud-dropdown-menu-submenu-disabled:hover,
.acud-dropdown-menu-item-disabled:hover {
border-color: transparent;
}
li.acud-dropdown-menu-submenu-disabled:active,
.acud-dropdown-menu-item-disabled:active {
border-color: transparent;
}
li.acud-dropdown-menu-submenu-active:hover,
.acud-dropdown-menu-item-active:hover {
background-color: #E6F0FF;
}
li.acud-dropdown-menu-submenu-selected,
.acud-dropdown-menu-item-selected {
color: #2468F2;
}
li.acud-dropdown-menu-submenu-selected:hover,
.acud-dropdown-menu-item-selected:hover {
color: #2468F2;
}
.acud-dropdown-menu-submenu-title,
.acud-dropdown-menu-item {
padding-left: 12px;
padding-right: 12px;
height: 32px;
display: flex;
justify-content: space-between;
}
.acud-dropdown-menu-submenu-title .acud-dropdown-menu-submenu-expand-icon,
.acud-dropdown-menu-item .acud-dropdown-menu-submenu-expand-icon {
display: flex;
}
.acud-dropdown-menu-submenu-title-selected,
.acud-dropdown-menu-item-selected {
color: #2468F2;
}
.acud-dropdown-menu-submenu-title-selected:hover,
.acud-dropdown-menu-item-selected:hover {
color: #2468F2;
}
.acud-dropdown-menu-item,
.acud-dropdown-menu > .acud-dropdown-menu-submenu > .acud-dropdown-menu-submenu-title {
line-height: 32px;
}
.acud-dropdown-menu-submenu-popup {
position: absolute;
z-index: 1050;
padding: 4px 0;
border-radius: 4px;
box-shadow: 0px 2px 8px 0px rgba(7, 12, 20, 0.12);
overflow: hidden;
background-color: #FFFFFF;
}
.acud-dropdown-submenu-vertical {
position: relative;
}
.acud-dropdown-submenu-vertical > .acud-dropdown {
position: absolute;
top: 0;
left: 100%;
min-width: 100%;
margin-left: 4px;
transform-origin: 0 0;
}
.acud-dropdown-menu-mul-colnum .acud-dropdown-menu {
display: flex;
flex-wrap: wrap;
margin-bottom: 20px;
}
.acud-dropdown-menu-mul-colnum .acud-dropdown-menu-item-group {
margin: 20px 4px 0 20px;
width: 100px;
}
.acud-dropdown-menu-mul-colnum .acud-dropdown-menu-item-group-title {
color: #84868C;
}
.acud-dropdown-menu-mul-colnum .acud-dropdown-menu-item {
display: block;
padding: 0;
color: #151B26;
font-size: 14px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.acud-dropdown-menu-mul-colnum .acud-dropdown-menu-item:hover {
color: #2468F2;
background-color: #FFF;
}
/* color */
/* 默认颜色 */
/* 通用-icon */
/* 标签 */
/* 默认颜色 */
/* 其他颜色 */
/* 通用 */
/* 水平 */
/* 垂直 */
/* 序号水平 */
/* 序号垂直 */
.acud-menu-header-container .acud-menu-header {
width: auto;
height: 56px;
background: #FFFFFF;
z-index: 1050;
box-shadow: 0px 2px 8px 0px rgba(7, 12, 20, 0.12);
display: flex;
justify-content: space-between;
align-items: center;
padding-left: 16px;
padding-right: 16px;
}
.acud-menu-header-container .acud-menu-header-head {
display: flex;
align-items: center;
height: 100%;
cursor: pointer;
}
.acud-menu-header-container .acud-menu-header-logo {
display: inline-flex;
height: 56px;
width: auto;
}
.acud-menu-header-container .acud-menu-header-nav {
display: flex;
align-items: center;
justify-content: space-between;
flex-grow: 1;
min-width: 0;
}
.acud-menu-header-container .acud-menu-header-nav-menu {
flex-grow: 1;
min-width: 0;
}
.acud-menu-header-container .acud-menu-header-nav-menu-vice {
justify-content: flex-end;
}
.acud-menu-header > .acud-menu-header-horizontal-menu {
box-shadow: none;
height: 56px;
font-size: 14px;
}
.acud-menu-header .acud-menu-header-horizontal-menu > .acud-menu-submenu > .acud-menu-submenu-title > .acud-menu-title-content {
margin: 0 4px 0 0;
}
.acud-menu-header-title {
margin-left: 8px;
overflow: hidden;
}
.acud-menu-header-title a {
font-size: 14px;
color: #84868C;
line-height: 56px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.acud-menu-header-siderMenu {
position: fixed;
top: 48px;
bottom: 0;
left: 0;
width: 180px;
background-color: #FFFFFF;
border: 1px solid #F2F2F4;
border-left: 0;
}
.acud-menu-header-siderMenu .acud-menu-item {
position: relative;
}
.acud-menu-header-siderMenu .acud-menu-item-selected {
color: transparent;
background-color: #FFFFFF;
border-color: #E8E9EB;
border-width: 0;
}
.acud-menu-header-siderMenu .acud-menu-item-selected:hover {
color: transparent;
}
.acud-menu-header-siderMenu .acud-menu-item-selected:focus,
.acud-menu-header-siderMenu .acud-menu-item-selected:active {
color: transparent;
}
.acud-menu-header-siderMenu .acud-menu-item-selected[disabled],
.acud-menu-header-siderMenu .acud-menu-item-selected[aria-disabled="true"],
.acud-menu-header-siderMenu .acud-menu-item-selected[disabled]:hover,
.acud-menu-header-siderMenu .acud-menu-item-selected[aria-disabled="true"]:hover,
.acud-menu-header-siderMenu .acud-menu-item-selected[disabled]:focus,
.acud-menu-header-siderMenu .acud-menu-item-selected[aria-disabled="true"]:focus,
.acud-menu-header-siderMenu .acud-menu-item-selected[disabled]:active,
.acud-menu-header-siderMenu .acud-menu-item-selected[aria-disabled="true"]:active {
color: transparent;
}
.acud-menu-header-siderMenu .acud-menu-item-selected:hover {
background-color: #E6F0FF;
}
.acud-menu-header-siderMenu .acud-menu-item-selected:focus,
.acud-menu-header-siderMenu .acud-menu-item-selected:active {
background-color: #FFFFFF;
}
.acud-menu-header-siderMenu .acud-menu-item-selected[disabled],
.acud-menu-header-siderMenu .acud-menu-item-selected[aria-disabled="true"],
.acud-menu-header-siderMenu .acud-menu-item-selected[disabled]:hover,
.acud-menu-header-siderMenu .acud-menu-item-selected[aria-disabled="true"]:hover,
.acud-menu-header-siderMenu .acud-menu-item-selected[disabled]:focus,
.acud-menu-header-siderMenu .acud-menu-item-selected[aria-disabled="true"]:focus,
.acud-menu-header-siderMenu .acud-menu-item-selected[disabled]:active,
.acud-menu-header-siderMenu .acud-menu-item-selected[aria-disabled="true"]:active {
background-color: #F7F7F9;
}
.acud-menu-header-siderMenu .acud-menu-item-selected:hover {
border-color: #E8E9EB;
}
.acud-menu-header-siderMenu .acud-menu-item-selected:focus,
.acud-menu-header-siderMenu .acud-menu-item-selected:active {
border-color: #E8E9EB;
}
.acud-menu-header-siderMenu .acud-menu-item-selected[disabled],
.acud-menu-header-siderMenu .acud-menu-item-selected[aria-disabled="true"],
.acud-menu-header-siderMenu .acud-menu-item-selected[disabled]:hover,
.acud-menu-header-siderMenu .acud-menu-item-selected[aria-disabled="true"]:hover,
.acud-menu-header-siderMenu .acud-menu-item-selected[disabled]:focus,
.acud-menu-header-siderMenu .acud-menu-item-selected[aria-disabled="true"]:focus,
.acud-menu-header-siderMenu .acud-menu-item-selected[disabled]:active,
.acud-menu-header-siderMenu .acud-menu-item-selected[aria-disabled="true"]:active {
border-color: #E8E9EB;
}
.acud-menu-header-siderMenu .acud-menu-item::after {
position: absolute;
top: 0;
left: 0;
bottom: 0;
border-left: 4px solid;
color: inherit;
border-color: currentColor;
content: "";
opacity: 0;
}
.acud-menu-header-siderMenu .acud-menu-item-selected::after {
opacity: 1;
}
.acud-menu-header-siderMenu .acud-menu-submenu-title,
.acud-menu-header-siderMenu .acud-menu-item {
height: 40px;
}
.acud-menu-header-siderMenu .acud-menu-item {
display: flex;
}
.acud-menu-header-siderMenu-collapsed {
width: 64px;
}
.acud-menu-header-siderMenu-collapsed .acud-menu-bottom-nav {
width: 64px;
}
.acud-menu-header-siderMenu-collapsed .acud-menu-bottom-nav .acudicon {
margin-right: 22px;
}
.acud-menu-header-siderMenu > .acud-menu {
box-shadow: none;
}
.acud-menu-global-siderbar {
width: 180px;
box-shadow: 0px 2px 8px 0px rgba(7, 12, 20, 0.12);
}
.acud-menu-global-siderbar.acud-menu-global-collapsed {
width: 60px;
}
.acud-menu-global-siderbar.acud-menu-global-collapsed .acud-menu-bottom-nav {
padding-right: 22px;
padding-left: 22px;
}
.acud-menu-global-siderbar.acud-menu-global-collapsed .acud-menu-global-siderbar-head {
padding-left: 6px;
}
.acud-menu-global-siderbar.acud-menu-global-collapsed .acud-menu-global-siderbar-head-icon {
margin-right: 0;
}
.acud-menu-global-siderbar .acud-menu-item,
.acud-menu-global-siderbar .acud-menu-submenu {
padding-left: 0;
}
.acud-menu-global-siderbar .acud-menu-item-selected > .acud-menu-submenu-title,
.acud-menu-global-siderbar .acud-menu-submenu-selected > .acud-menu-submenu-title {
color: #2468F2;
}
.acud-menu-global-siderbar .acud-menu-global-siderbar-head {
display: flex;
align-items: center;
font-size: 14px;
height: 48px;
line-height: 48px;
margin: 0 16px 8px;
color: #151B26;
font-weight: 600;
border-bottom: 1px solid #E8E9EB;
}
.acud-menu-global-siderbar .acud-menu-global-siderbar-head-icon {
font-size: 16px;
margin-right: 8px;
}
.acud-menu-global-siderbar .acud-menu-bottom-nav {
height: 40px;
background-color: #FFFFFF;
border-top: 1px solid #F2F2F4;
display: flex;
align-items: center;
justify-content: flex-start;
padding: 0 16px;
}
.acud-menu-global-siderbar .acud-menu-bottom-nav-fold {
cursor: pointer;
display: flex;
align-items: center;
overflow: hidden;
height: 40px;
}
.acud-menu-global-siderbar .acud-menu-bottom-nav-fold-icon {
margin-right: 8px;
display: flex;
font-size: 16px;
}
.acud-menu-global-siderbar .acud-menu-bottom-nav-fold-label {
flex-shrink: 0;
}
.acud-menu-global-siderbar-right-collapse {
position: relative;
}
.acud-menu-global-siderbar-right-collapse.acud-menu-global-collapsed .acud-menu-right-nav > .collapse-icon {
transform: rotateZ(0deg);
}
.acud-menu-global-siderbar-right-collapse.acud-menu-global-collapsed-hidden {
width: 0;
}
.acud-menu-global-siderbar-right-collapse.acud-menu-global-collapsed-hidden > .acud-menu-inline-collapsed,
.acud-menu-global-siderbar-right-collapse.acud-menu-global-collapsed-hidden > .acud-menu-global-siderbar-head {
display: none;
}
.acud-menu-global-siderbar-right-collapse > .acud-menu {
flex-basis: 100%;
}
.acud-menu-global-siderbar-right-collapse .acud-menu-right-nav {
width: 12px;
height: 40px;
line-height: 40px;
position: absolute;
top: 0;
bottom: 0;
right: -12px;
margin: auto;
z-index: 1;
cursor: pointer;
background-color: #fff;
box-shadow: 5px 4px 6px 0 rgba(7, 12, 20, 0.12);
border-bottom-right-radius: 4px;
border-top-right-radius: 4px;
transform: perspective(20px) rotateX(0deg) rotateY(20deg) translateZ(0);
}
.acud-menu-global-siderbar-right-collapse .acud-menu-right-nav .collapse-icon {
font-size: 14px;
transform: rotateZ(180deg);
box-shadow: none;
color: #b8babf;
margin-left: -2px;
transition: all 0.3s;
}
.acud-menu-global-siderbar-right-collapse .acud-menu-right-nav .collapse-icon:hover {
color: #2468F2;
}
.acud-menu {
margin-bottom: 0;
line-height: 0;
text-align: left;
list-style: none;
outline: none;
font-size: 14px;
background-color: #FFFFFF;
}
.acud-menu:not(.acud-menu-with-icon):not(.acud-menu-global):not(.acud-menu-sub) {
box-shadow: 0px 2px 8px 0px rgba(7, 12, 20, 0.12);
color: #151B26;
}
.acud-menu:not(.acud-menu-with-icon):not(.acud-menu-global):not(.acud-menu-sub):hover {
color: #2468F2;
}
.acud-menu:not(.acud-menu-with-icon):not(.acud-menu-global):not(.acud-menu-sub):focus,
.acud-menu:not(.acud-menu-with-icon):not(.acud-menu-global):not(.acud-menu-sub):active {
color: #2468F2;
}
.acud-menu:not(.acud-menu-with-icon):not(.acud-menu-global):not(.acud-menu-sub)[disabled],
.acud-menu:not(.acud-menu-with-icon):not(.acud-menu-global):not(.acud-menu-sub)[aria-disabled="true"],
.acud-menu:not(.acud-menu-with-icon):not(.acud-menu-global):not(.acud-menu-sub)[disabled]:hover,
.acud-menu:not(.acud-menu-with-icon):not(.acud-menu-global):not(.acud-menu-sub)[aria-disabled="true"]:hover,
.acud-menu:not(.acud-menu-with-icon):not(.acud-menu-global):not(.acud-menu-sub)[disabled]:focus,
.acud-menu:not(.acud-menu-with-icon):not(.acud-menu-global):not(.acud-menu-sub)[aria-disabled="true"]:focus,
.acud-menu:not(.acud-menu-with-icon):not(.acud-menu-global):not(.acud-menu-sub)[disabled]:active,
.acud-menu:not(.acud-menu-with-icon):not(.acud-menu-global):not(.acud-menu-sub)[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-menu > li {
list-style: none;
}
.acud-menu-overflow {
display: flex;
}
.acud-menu-overflow-item {
flex: none;
}
.acud-menu-hidden,
.acud-menu-submenu-hidden {
display: none;
}
.acud-menu-item-group-title {
height: 1.5715;
padding: 8px 16px 4px;
color: #84868C;
font-size: 12px;
line-height: 20px;
}
.acud-menu-item {
cursor: pointer;
position: relative;
display: flex;
}
.acud-menu-item-custom {
padding: 8px 16px;
}
.acud-menu-item,
.acud-menu-submenu {
outline: none;
}
.acud-menu-submenu,
.acud-menu-item {
color: #151B26;
font-size: 14px;
font-weight: 400;
}
.acud-menu-submenu:hover,
.acud-menu-item:hover {
color: #2468F2;
}
.acud-menu-submenu:focus,
.acud-menu-item:focus,
.acud-menu-submenu:active,
.acud-menu-item:active {
color: #2468F2;
}
.acud-menu-submenu[disabled],
.acud-menu-item[disabled],
.acud-menu-submenu[aria-disabled="true"],
.acud-menu-item[aria-disabled="true"],
.acud-menu-submenu[disabled]:hover,
.acud-menu-item[disabled]:hover,
.acud-menu-submenu[aria-disabled="true"]:hover,
.acud-menu-item[aria-disabled="true"]:hover,
.acud-menu-submenu[disabled]:focus,
.acud-menu-item[disabled]:focus,
.acud-menu-submenu[aria-disabled="true"]:focus,
.acud-menu-item[aria-disabled="true"]:focus,
.acud-menu-submenu[disabled]:active,
.acud-menu-item[disabled]:active,
.acud-menu-submenu[aria-disabled="true"]:active,
.acud-menu-item[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-menu-item a {
color: inherit;
font-size: 14px;
font-weight: 400;
}
.acud-menu-item a::before {
position: absolute;
inset: 0;
background-color: transparent;
content: '';
}
.acud-menu-sub {
border-radius: 2px;
background-color: #FFFFFF;
box-shadow: 0px 2px 8px 0px rgba(7, 12, 20, 0.12);
}
.acud-menu-sub.acud-menu-inline {
padding: 0;
border: 0;
border-radius: 0;
box-shadow: none;
}
.acud-menu-submenu-popup {
position: absolute;
z-index: 1050;
transform-origin: 0 0;
background-color: #FFFFFF;
border-radius: 4px;
}
.acud-menu-submenu-title {
display: flex;
align-items: center;
margin: 0;
white-space: nowrap;
cursor: pointer;
position: relative;
}
.acud-menu-submenu-placement-bottomCenter > .acud-menu-vertical {
margin-top: -4px;
}
.acud-menu-horizontal-mode > .acud-menu-vertical .acud-menu-item,
.acud-menu-inline-mode > .acud-menu-vertical .acud-menu-item {
font-size: 14px;
padding-left: 20px;
padding-right: 20px;
display: flex;
}
.acud-menu-horizontal-mode > .acud-menu-vertical .acud-menu-item-selected,
.acud-menu-inline-mode > .acud-menu-vertical .acud-menu-item-selected {
color: #2468F2;
}
.acud-menu-horizontal-mode > .acud-menu-vertical > .acud-menu-submenu > .acud-menu-submenu-title,
.acud-menu-inline-mode > .acud-menu-vertical > .acud-menu-submenu > .acud-menu-submenu-title {
font-size: 14px;
display: flex;
justify-content: space-between;
padding-right: 12px;
color: #151B26;
}
.acud-menu-horizontal-mode > .acud-menu-vertical > .acud-menu-submenu > .acud-menu-submenu-title:hover,
.acud-menu-inline-mode > .acud-menu-vertical > .acud-menu-submenu > .acud-menu-submenu-title:hover {
color: #151B26;
}
.acud-menu-horizontal-mode > .acud-menu-vertical > .acud-menu-submenu > .acud-menu-submenu-title:focus,
.acud-menu-inline-mode > .acud-menu-vertical > .acud-menu-submenu > .acud-menu-submenu-title:focus,
.acud-menu-horizontal-mode > .acud-menu-vertical > .acud-menu-submenu > .acud-menu-submenu-title:active,
.acud-menu-inline-mode > .acud-menu-vertical > .acud-menu-submenu > .acud-menu-submenu-title:active {
color: #2468F2;
}
.acud-menu-horizontal-mode > .acud-menu-vertical > .acud-menu-submenu > .acud-menu-submenu-title[disabled],
.acud-menu-inline-mode > .acud-menu-vertical > .acud-menu-submenu > .acud-menu-submenu-title[disabled],
.acud-menu-horizontal-mode > .acud-menu-vertical > .acud-menu-submenu > .acud-menu-submenu-title[aria-disabled="true"],
.acud-menu-inline-mode > .acud-menu-vertical > .acud-menu-submenu > .acud-menu-submenu-title[aria-disabled="true"],
.acud-menu-horizontal-mode > .acud-menu-vertical > .acud-menu-submenu > .acud-menu-submenu-title[disabled]:hover,
.acud-menu-inline-mode > .acud-menu-vertical > .acud-menu-submenu > .acud-menu-submenu-title[disabled]:hover,
.acud-menu-horizontal-mode > .acud-menu-vertical > .acud-menu-submenu > .acud-menu-submenu-title[aria-disabled="true"]:hover,
.acud-menu-inline-mode > .acud-menu-vertical > .acud-menu-submenu > .acud-menu-submenu-title[aria-disabled="true"]:hover,
.acud-menu-horizontal-mode > .acud-menu-vertical > .acud-menu-submenu > .acud-menu-submenu-title[disabled]:focus,
.acud-menu-inline-mode > .acud-menu-vertical > .acud-menu-submenu > .acud-menu-submenu-title[disabled]:focus,
.acud-menu-horizontal-mode > .acud-menu-vertical > .acud-menu-submenu > .acud-menu-submenu-title[aria-disabled="true"]:focus,
.acud-menu-inline-mode > .acud-menu-vertical > .acud-menu-submenu > .acud-menu-submenu-title[aria-disabled="true"]:focus,
.acud-menu-horizontal-mode > .acud-menu-vertical > .acud-menu-submenu > .acud-menu-submenu-title[disabled]:active,
.acud-menu-inline-mode > .acud-menu-vertical > .acud-menu-submenu > .acud-menu-submenu-title[disabled]:active,
.acud-menu-horizontal-mode > .acud-menu-vertical > .acud-menu-submenu > .acud-menu-submenu-title[aria-disabled="true"]:active,
.acud-menu-inline-mode > .acud-menu-vertical > .acud-menu-submenu > .acud-menu-submenu-title[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-menu-horizontal-mode > .acud-menu-vertical > .acud-menu-submenu:hover > .acud-menu-submenu-title,
.acud-menu-inline-mode > .acud-menu-vertical > .acud-menu-submenu:hover > .acud-menu-submenu-title,
.acud-menu-horizontal-mode > .acud-menu-vertical > .acud-menu-submenu-selected > .acud-menu-submenu-title,
.acud-menu-inline-mode > .acud-menu-vertical > .acud-menu-submenu-selected > .acud-menu-submenu-title {
color: #2468F2;
}
.acud-menu-horizontal-mode > .acud-menu-vertical .acud-menu-submenu .acud-menu-submenu-arrow::before {
transform: rotate(135deg) translateX(2.5px);
}
.acud-menu-horizontal-mode > .acud-menu-vertical .acud-menu-submenu .acud-menu-submenu-arrow::after {
transform: rotate(45deg) translateX(-2.5px);
}
.acud-menu-horizontal-mode > .acud-menu-vertical .acud-menu-submenu .acud-menu-title-content {
margin-right: 12px;
}
.acud-menu-horizontal {
font-size: 14px;
border: 0;
line-height: 56px;
height: 56px;
display: flex;
white-space: nowrap;
}
.acud-menu-horizontal > .acud-menu-item,
.acud-menu-horizontal > .acud-menu-submenu {
padding-right: 20px;
padding-left: 20px;
}
.acud-menu-horizontal > .acud-menu-item:last-child,
.acud-menu-horizontal > .acud-menu-submenu:last-child {
margin-right: 0;
}
.acud-menu-horizontal > .acud-menu-item > .acud-menu-item-icon {
margin-right: 8px;
}
.acud-menu-horizontal > .acud-menu-item-active,
.acud-menu-horizontal > .acud-menu-submenu-active {
color: #2468F2;
}
.acud-menu-horizontal > .acud-menu-item::after,
.acud-menu-horizontal > .acud-menu-submenu::after {
position: absolute;
right: 20px;
bottom: 0;
left: 20px;
border-bottom: 2px solid transparent;
transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
content: '';
}
.acud-menu-horizontal > .acud-menu-item-selected {
position: relative;
color: #2468F2;
font-size: 14px;
font-weight: 400;
}
.acud-menu-horizontal > .acud-menu-item-selected::after {
border-bottom: 2px solid #2468F2;
}
.acud-menu-horizontal > .acud-menu-submenu-selected {
position: relative;
color: #2468F2;
font-size: 14px;
font-weight: 400;
}
.acud-menu-horizontal > .acud-menu-submenu-selected::after {
border-bottom: 2px solid #2468F2;
}
.acud-menu-horizontal > .acud-menu-submenu > .acud-menu-submenu-title > .acud-menu-item-icon {
margin-right: 8px;
height: 40px;
}
.acud-menu-horizontal > .acud-menu-submenu > .acud-menu-submenu-title > .acud-menu-submenu-expand-icon {
margin-left: 4px;
height: 40px;
}
.acud-menu-vertical {
padding: 8px 0;
}
.acud-menu-vertical .acud-menu-item {
display: flex;
padding: 0 20px;
}
.acud-menu-vertical .acud-menu-item,
.acud-menu-vertical .acud-menu-submenu-title {
height: 32px;
line-height: 32px;
}
.acud-menu-vertical .acud-menu-item .acud-menu-item-icon:first-child,
.acud-menu-vertical .acud-menu-submenu-title .acud-menu-item-icon:first-child {
margin-right: 8px;
}
.acud-menu-vertical .acud-menu-item,
.acud-menu-vertical .acud-menu-submenu {
overflow: hidden;
}
.acud-menu-vertical .acud-menu-submenu {
padding-left: 20px;
}
.acud-menu-inline {
font-size: 14px;
}
.acud-menu-inline .acud-menu-item,
.acud-menu-inline .acud-menu-submenu > .acud-menu-submenu-title {
padding-left: 16px;
padding-right: 16px;
}
.acud-menu-inline .acud-menu-item-group > .acud-menu-item-group-list > .acud-menu-submenu > .acud-menu-submenu-title > .acud-menu-item-icon {
margin-right: 8px;
}
.acud-menu-inline.acud-menu-root .acud-menu-item > .acud-menu-title-content,
.acud-menu-inline.acud-menu-root .acud-menu-submenu-title > .acud-menu-title-content {
flex: auto;
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.acud-menu-inline.acud-menu-root .acud-menu-item > *,
.acud-menu-inline.acud-menu-root .acud-menu-submenu-title > * {
flex: none;
}
.acud-menu-inline.acud-menu-root > .acud-menu-submenu-open > .acud-menu-submenu-title,
.acud-menu-inline.acud-menu-root > .acud-menu-item-group > .acud-menu-item-group-list > .acud-menu-submenu-open > .acud-menu-submenu-title {
margin-bottom: 0 !important;
}
.acud-menu-inline .acud-menu-item,
.acud-menu-inline-collapsed .acud-menu-item,
.acud-menu-inline .acud-menu-submenu-title,
.acud-menu-inline-collapsed .acud-menu-submenu-title {
height: 40px;
line-height: 40px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: flex;
align-items: center;
}
.acud-menu-inline.acud-menu-root > .acud-menu-item,
.acud-menu-inline-collapsed.acud-menu-root > .acud-menu-item,
.acud-menu-inline.acud-menu-root > .acud-menu-submenu > .acud-menu-submenu-title,
.acud-menu-inline-collapsed.acud-menu-root > .acud-menu-submenu > .acud-menu-submenu-title,
.acud-menu-inline.acud-menu-root > .acud-menu-item-group > .acud-menu-item-group-list > .acud-menu-item,
.acud-menu-inline-collapsed.acud-menu-root > .acud-menu-item-group > .acud-menu-item-group-list > .acud-menu-item,
.acud-menu-inline.acud-menu-root > .acud-menu-item-group > .acud-menu-item-group-list > .acud-menu-submenu > .acud-menu-submenu-title,
.acud-menu-inline-collapsed.acud-menu-root > .acud-menu-item-group > .acud-menu-item-group-list > .acud-menu-submenu > .acud-menu-submenu-title {
margin-bottom: 4px;
}
.acud-menu-inline .acud-menu-item-group > .acud-menu-item-group-title,
.acud-menu-inline-collapsed .acud-menu-item-group > .acud-menu-item-group-title {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.acud-menu-inline .acud-menu-item > .acud-menu-item-icon,
.acud-menu-inline-collapsed .acud-menu-item > .acud-menu-item-icon {
margin-right: 8px;
}
.acud-menu-inline .acud-menu-item.acud-menu-item-selected,
.acud-menu-inline-collapsed .acud-menu-item.acud-menu-item-selected {
color: #2468F2;
background-color: #EEF3FE;
position: relative;
}
.acud-menu-inline .acud-menu-item.acud-menu-item-selected::before,
.acud-menu-inline-collapsed .acud-menu-item.acud-menu-item-selected::before {
content: '';
border-left: 3px solid #2468F2;
position: absolute;
left: 0;
top: 0;
height: 40px;
}
.acud-menu-inline .acud-menu-submenu-title > .acud-menu-item-icon,
.acud-menu-inline-collapsed .acud-menu-submenu-title > .acud-menu-item-icon {
height: 40px;
}
.acud-menu-inline.acud-menu-vertical,
.acud-menu-inline-collapsed.acud-menu-vertical {
padding: 0;
}
.acud-menu-inline > .acud-menu-submenu .acud-menu-item-icon {
margin-right: 8px;
}
.acud-menu-inline > .acud-menu-submenu-selected {
color: #151B26;
}
.acud-menu-inline > .acud-menu-submenu-selected:hover {
color: #2468F2;
}
.acud-menu-inline > .acud-menu-submenu-selected:focus,
.acud-menu-inline > .acud-menu-submenu-selected:active {
color: #2468F2;
}
.acud-menu-inline > .acud-menu-submenu-selected[disabled],
.acud-menu-inline > .acud-menu-submenu-selected[aria-disabled="true"],
.acud-menu-inline > .acud-menu-submenu-selected[disabled]:hover,
.acud-menu-inline > .acud-menu-submenu-selected[aria-disabled="true"]:hover,
.acud-menu-inline > .acud-menu-submenu-selected[disabled]:focus,
.acud-menu-inline > .acud-menu-submenu-selected[aria-disabled="true"]:focus,
.acud-menu-inline > .acud-menu-submenu-selected[disabled]:active,
.acud-menu-inline > .acud-menu-submenu-selected[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-menu-inline > .acud-menu-submenu-selected > .acud-menu-submenu-title {
color: #2468F2;
}
.acud-menu-inline-header {
height: 48px;
line-height: 48px;
margin-bottom: 8px;
padding-left: 16px;
padding-right: 16px;
display: flex;
color: #151B26;
}
.acud-menu-inline-header-item {
display: flex;
width: 100%;
border-bottom: 1px solid #E8E9EB;
align-items: center;
font-weight: 600;
}
.acud-menu-inline-header-item .acud-menu-item-icon {
margin-right: 8px;
}
.acud-menu-inline-header-item > .acud-menu-inline-header-item-text {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.acud-menu-inline-header-collapsed .acud-menu-inline-header-item {
padding-left: 6px;
}
.acud-menu-inline-header-collapsed .acud-menu-item-icon {
margin-right: 0;
}
.acud-menu-inline-title-pop {
box-shadow: 0px 2px 8px 0px rgba(7, 12, 20, 0.12);
}
.acud-menu-inline-title-pop .acud-menu:not(.acud-menu-with-icon):not(.acud-menu-global):not(.acud-menu-sub.acud-menu-inline),
.acud-menu-inline-title-pop .acud-menu-sub {
box-shadow: none;
}
.acud-menu-inline-title-pop .acud-menu-pop-sub-title {
height: 32px;
line-height: 32px;
border-bottom: 1px solid #E8E9EB;
padding-bottom: 8px;
margin-top: 8px;
margin-left: 20px;
margin-right: 20px;
display: flex;
color: #151B26;
box-sizing: content-box;
}
.acud-menu-inline-collapsed {
width: 60px;
}
.acud-menu-inline-collapsed > .acud-menu-item,
.acud-menu-inline-collapsed > .acud-menu-item-group > .acud-menu-item-group-list > .acud-menu-item,
.acud-menu-inline-collapsed > .acud-menu-item-group > .acud-menu-item-group-list > .acud-menu-submenu,
.acud-menu-inline-collapsed > .acud-menu-item-group > .acud-menu-item-group-list > .acud-menu-submenu > .acud-menu-submenu-title,
.acud-menu-inline-collapsed > .acud-menu-submenu > .acud-menu-submenu-title {
left: 0;
text-overflow: clip;
padding: 0 calc(50% - 8px);
}
.acud-menu-inline-collapsed > .acud-menu-item .acud-menu-submenu-arrow,
.acud-menu-inline-collapsed > .acud-menu-item-group > .acud-menu-item-group-list > .acud-menu-item .acud-menu-submenu-arrow,
.acud-menu-inline-collapsed > .acud-menu-item-group > .acud-menu-item-group-list > .acud-menu-submenu .acud-menu-submenu-arrow,
.acud-menu-inline-collapsed > .acud-menu-item-group > .acud-menu-item-group-list > .acud-menu-submenu > .acud-menu-submenu-title .acud-menu-submenu-arrow,
.acud-menu-inline-collapsed > .acud-menu-submenu > .acud-menu-submenu-title .acud-menu-submenu-arrow,
.acud-menu-inline-collapsed > .acud-menu-item .acud-menu-submenu-expand-icon,
.acud-menu-inline-collapsed > .acud-menu-item-group > .acud-menu-item-group-list > .acud-menu-item .acud-menu-submenu-expand-icon,
.acud-menu-inline-collapsed > .acud-menu-item-group > .acud-menu-item-group-list > .acud-menu-submenu .acud-menu-submenu-expand-icon,
.acud-menu-inline-collapsed > .acud-menu-item-group > .acud-menu-item-group-list > .acud-menu-submenu > .acud-menu-submenu-title .acud-menu-submenu-expand-icon,
.acud-menu-inline-collapsed > .acud-menu-submenu > .acud-menu-submenu-title .acud-menu-submenu-expand-icon {
opacity: 0;
}
.acud-menu-inline-collapsed > .acud-menu-item .acud-menu-item-icon,
.acud-menu-inline-collapsed > .acud-menu-item-group > .acud-menu-item-group-list > .acud-menu-item .acud-menu-item-icon,
.acud-menu-inline-collapsed > .acud-menu-item-group > .acud-menu-item-group-list > .acud-menu-submenu .acud-menu-item-icon,
.acud-menu-inline-collapsed > .acud-menu-item-group > .acud-menu-item-group-list > .acud-menu-submenu > .acud-menu-submenu-title .acud-menu-item-icon,
.acud-menu-inline-collapsed > .acud-menu-submenu > .acud-menu-submenu-title .acud-menu-item-icon,
.acud-menu-inline-collapsed > .acud-menu-item .acudicon,
.acud-menu-inline-collapsed > .acud-menu-item-group > .acud-menu-item-group-list > .acud-menu-item .acudicon,
.acud-menu-inline-collapsed > .acud-menu-item-group > .acud-menu-item-group-list > .acud-menu-submenu .acudicon,
.acud-menu-inline-collapsed > .acud-menu-item-group > .acud-menu-item-group-list > .acud-menu-submenu > .acud-menu-submenu-title .acudicon,
.acud-menu-inline-collapsed > .acud-menu-submenu > .acud-menu-submenu-title .acudicon {
margin: 0;
}
.acud-menu-inline-collapsed > .acud-menu-item .acud-menu-item-icon + span,
.acud-menu-inline-collapsed > .acud-menu-item-group > .acud-menu-item-group-list > .acud-menu-item .acud-menu-item-icon + span,
.acud-menu-inline-collapsed > .acud-menu-item-group > .acud-menu-item-group-list > .acud-menu-submenu .acud-menu-item-icon + span,
.acud-menu-inline-collapsed > .acud-menu-item-group > .acud-menu-item-group-list > .acud-menu-submenu > .acud-menu-submenu-title .acud-menu-item-icon + span,
.acud-menu-inline-collapsed > .acud-menu-submenu > .acud-menu-submenu-title .acud-menu-item-icon + span,
.acud-menu-inline-collapsed > .acud-menu-item .acudicon + span,
.acud-menu-inline-collapsed > .acud-menu-item-group > .acud-menu-item-group-list > .acud-menu-item .acudicon + span,
.acud-menu-inline-collapsed > .acud-menu-item-group > .acud-menu-item-group-list > .acud-menu-submenu .acudicon + span,
.acud-menu-inline-collapsed > .acud-menu-item-group > .acud-menu-item-group-list > .acud-menu-submenu > .acud-menu-submenu-title .acudicon + span,
.acud-menu-inline-collapsed > .acud-menu-submenu > .acud-menu-submenu-title .acudicon + span {
display: inline-block;
opacity: 0;
}
.acud-menu-inline-collapsed > .acud-menu-item-group > .acud-menu-item-group-title {
padding: 0 calc(50% - 8px);
}
.acud-menu-inline-collapsed > .acud-menu-submenu {
padding-left: 0;
}
.acud-menu-inline-collapsed > .acud-menu-submenu-selected > .acud-menu-submenu-title {
color: #2468F2;
background-color: #EEF3FE;
position: relative;
}
.acud-menu-inline-collapsed > .acud-menu-submenu-selected > .acud-menu-submenu-title::before {
content: '';
border-left: 3px solid #2468F2;
position: absolute;
left: 0;
top: 0;
height: 40px;
}
.acud-menu-inline-collapsed > .acud-menu-item-custom {
font-size: 16px;
color: #151B26;
padding: 8px calc(50% - 8px);
}
.acud-menu-inline-collapsed > .acud-menu-item-custom > .acud-menu-item-custom-popup-icon:hover {
color: #2468F2;
cursor: pointer;
}
.acud-menu-submenu-inline .acud-menu-submenu-arrow {
position: absolute;
top: 50%;
right: 0;
width: 16px;
color: inherit;
transform: translateY(-50%);
transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.acud-menu-submenu-inline .acud-menu-submenu-arrow::before,
.acud-menu-submenu-inline .acud-menu-submenu-arrow::after {
position: absolute;
width: 6px;
height: 1.5px;
background-color: currentColor;
border-radius: 2px;
transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
content: '';
}
.acud-menu-submenu-inline .acud-menu-submenu-arrow::before {
transform: rotate(-45deg) translateX(2.5px);
}
.acud-menu-submenu-inline .acud-menu-submenu-arrow::after {
transform: rotate(45deg) translateX(-2.5px);
}
.acud-menu-submenu-open .acud-menu-submenu-arrow::after {
transform: translateY(-1.5px) rotate(-45deg);
}
.acud-menu-submenu-open .acud-menu-submenu-arrow::before {
transform: translateY(-1.5px) translateX(3.5px) rotate(45deg);
}
.acud-menu-submenu-arrow {
width: 16px;
}
.acud-menu-submenu-arrow::before,
.acud-menu-submenu-arrow::after {
position: absolute;
width: 6px;
height: 1.5px;
background-color: currentColor;
border-radius: 2px;
transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
content: '';
}
.acud-menu-submenu-arrow::before {
transform: rotate(-45deg) translateX(2.5px);
}
.acud-menu-submenu-arrow::after {
transform: rotate(45deg) translateX(-2.5px);
}
.acud-menu-icon-container {
box-shadow: 0px 2px 8px 0px rgba(7, 12, 20, 0.12);
display: flex;
justify-content: space-between;
align-items: center;
height: 56px;
}
.acud-menu-icon-container > .acud-menu-with-icon {
flex-grow: 1;
min-width: 0;
}
.acud-menu-icon-container > .acud-menu-iconlist {
justify-content: flex-end;
display: flex;
height: 100%;
line-height: 100%;
}
.acud-menu-icon-container > .acud-menu-iconlist > .icon-item {
cursor: pointer;
display: flex;
align-items: center;
font-size: 16px;
margin-right: 24px;
color: #151B26;
}
.acud-menu-icon-container > .acud-menu-iconlist > .icon-item:hover {
color: #2468F2;
}
.acud-menu-icon-container > .acud-menu-iconlist > .icon-item:focus,
.acud-menu-icon-container > .acud-menu-iconlist > .icon-item:active {
color: #2468F2;
}
.acud-menu-icon-container > .acud-menu-iconlist > .icon-item[disabled],
.acud-menu-icon-container > .acud-menu-iconlist > .icon-item[aria-disabled="true"],
.acud-menu-icon-container > .acud-menu-iconlist > .icon-item[disabled]:hover,
.acud-menu-icon-container > .acud-menu-iconlist > .icon-item[aria-disabled="true"]:hover,
.acud-menu-icon-container > .acud-menu-iconlist > .icon-item[disabled]:focus,
.acud-menu-icon-container > .acud-menu-iconlist > .icon-item[aria-disabled="true"]:focus,
.acud-menu-icon-container > .acud-menu-iconlist > .icon-item[disabled]:active,
.acud-menu-icon-container > .acud-menu-iconlist > .icon-item[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-menu .acud-menu-item-icon,
.acud-menu .acud-menu-submenu-expand-icon {
display: flex;
align-items: center;
font-size: 16px;
}
.acud-menu-inline-header-tooltip {
padding-left: 24px;
}
.acud-menu-inline-header-tooltip .acud-tooltip-arrow {
transform: translate(16px, -50%);
}
/* color */
/* 默认颜色 */
/* 通用-icon */
/* 标签 */
/* 默认颜色 */
/* 其他颜色 */
/* 通用 */
/* 水平 */
/* 垂直 */
/* 序号水平 */
/* 序号垂直 */
body.locale-en .acud-menu:not(.acud-menu-horizontal) .acud-menu-global-siderbar-head {
line-height: 12px;
}
body.locale-en .acud-menu:not(.acud-menu-horizontal) .acud-menu-inline-header-item {
line-height: 20px;
}
body.locale-en .acud-menu:not(.acud-menu-horizontal) .acud-menu-item-group .acud-menu-item-group-list > .acud-menu-submenu {
margin-bottom: 8px;
font-weight: 500;
}
body.locale-en .acud-menu:not(.acud-menu-horizontal) .acud-menu-item-group .acud-menu-item-group-list > .acud-menu-item {
margin-bottom: 8px;
color: #151b26;
font-weight: 500;
}
body.locale-en .acud-menu:not(.acud-menu-horizontal) .acud-menu-submenu:not(.acud-menu-submenu-open) .acud-menu-submenu-title {
margin-bottom: 0;
}
body.locale-en .acud-menu:not(.acud-menu-horizontal) .acud-menu-submenu-selected > .acud-menu-submenu-title {
color: #151b26;
font-weight: 500;
}
body.locale-en .acud-menu:not(.acud-menu-horizontal) .acud-menu-submenu-selected:not( .acud-menu-submenu-open) {
position: relative;
background-color: #eef3fe;
}
body.locale-en .acud-menu:not(.acud-menu-horizontal) .acud-menu-submenu-selected:not( .acud-menu-submenu-open):before {
position: absolute;
top: 0;
left: 0;
height: 32px;
border-left: 3px solid #2468f2;
content: '';
}
body.locale-en .acud-menu:not(.acud-menu-horizontal) .acud-menu-submenu-selected:not( .acud-menu-submenu-open) .acudicon,
body.locale-en .acud-menu:not(.acud-menu-horizontal) .acud-menu-submenu-selected:not( .acud-menu-submenu-open) .acud-menu-title-content {
color: #2468f2;
}
body.locale-en .acud-menu:not(.acud-menu-horizontal) .acud-menu-submenu .acudicon-outlined-up,
body.locale-en .acud-menu:not(.acud-menu-horizontal) .acud-menu-submenu .acudicon-outlined-down {
margin-left: 8px;
}
body.locale-en .acud-menu:not(.acud-menu-horizontal) .acud-menu-sub > .acud-menu-item {
color: #5c5f66;
}
body.locale-en .acud-menu:not(.acud-menu-horizontal) .acud-menu-title-content {
font-size: 12px;
}
body.locale-en .acud-menu:not(.acud-menu-horizontal) .acud-menu-submenu-title {
height: auto;
min-height: 32px;
line-height: 16px;
}
body.locale-en .acud-menu:not(.acud-menu-horizontal) .acud-menu-submenu-title > .acud-menu-item-icon {
height: auto;
}
body.locale-en .acud-menu:not(.acud-menu-horizontal) .acud-menu-item,
body.locale-en .acud-menu:not(.acud-menu-horizontal) .acud-menu-submenu {
height: auto;
min-height: 32px;
font-size: 12px;
line-height: 16px;
}
body.locale-en .acud-menu:not(.acud-menu-horizontal) .acud-menu-item .acud-menu-title-content,
body.locale-en .acud-menu:not(.acud-menu-horizontal) .acud-menu-submenu .acud-menu-title-content,
body.locale-en .acud-menu:not(.acud-menu-horizontal) .acud-menu-item .acud-menu-item-selected,
body.locale-en .acud-menu:not(.acud-menu-horizontal) .acud-menu-submenu .acud-menu-item-selected {
max-height: 42px;
line-height: 16px;
}
body.locale-en .acud-menu:not(.acud-menu-horizontal) .acud-menu-title-content-inner {
display: -webkit-box;
width: 100%;
max-height: 42px;
padding: 8px 0;
overflow: hidden;
white-space: normal;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
/* 显示 2 行 */
}
body.locale-en .acud-menu-global-collapsed .acud-menu .acud-menu-title-content-inner {
display: inline-block;
white-space: nowrap;
}
/* color */
/* 默认颜色 */
/* 通用-icon */
/* 标签 */
/* 默认颜色 */
/* 其他颜色 */
/* 通用 */
/* 水平 */
/* 垂直 */
/* 序号水平 */
/* 序号垂直 */
/**
* @file Style of form children components
* @author chenqiang(chenqiang03)
*/
.acud-form-item .acud-mentions {
height: auto;
}
.acud-form-item .acud-upload {
background: transparent;
}
.acud-form-item input[type='radio'],
.acud-form-item input[type='checkbox'] {
width: 14px;
height: 14px;
}
.acud-form-item .acud-radio-inline,
.acud-form-item .acud-checkbox-inline {
display: inline-block;
margin-left: 8px;
font-weight: normal;
vertical-align: middle;
cursor: pointer;
}
.acud-form-item .acud-radio-inline:first-child,
.acud-form-item .acud-checkbox-inline:first-child {
margin-left: 0;
}
.acud-form-item .acud-checkbox-vertical,
.acud-form-item .acud-radio-vertical {
display: block;
}
.acud-form-item .acud-checkbox-vertical + .acud-checkbox-vertical,
.acud-form-item .acud-radio-vertical + .acud-radio-vertical {
margin-left: 0;
}
.acud-form-item .acud-input-number + .acud-form-text {
margin-left: 8px;
}
.acud-form-item .acud-input-number-handler-wrap {
z-index: 2;
}
.acud-form-item .acud-picker-calendar-year-select,
.acud-form-item .acud-picker-calendar-month-select,
.acud-form-item .acud-input-group .acud-select,
.acud-form-item .acud-input-group .acud-cascader-picker {
width: auto;
}
/**
* @file styles for inline form
* @author chenqiang(chenqiang03)
*/
.acud-form-inline {
display: flex;
flex-wrap: wrap;
}
.acud-form-inline .acud-form-item {
flex: none;
flex-wrap: nowrap;
margin-right: 16px;
margin-bottom: 0;
}
.acud-form-inline .acud-form-item-with-help {
margin-bottom: 24px;
}
.acud-form-inline .acud-form-item > .acud-form-item-label,
.acud-form-inline .acud-form-item > .acud-form-item-control {
display: inline-block;
vertical-align: top;
}
.acud-form-inline .acud-form-item > .acud-form-item-label {
flex: none;
}
.acud-form-inline .acud-form-item .acud-form-text {
display: inline-block;
}
.acud-form-inline .acud-form-item .acud-form-item-has-feedback {
display: inline-block;
}
/**
* @file style only impact horizontal layout
* @author chenqiang(chenqiang03)
*/
.acud-form-horizontal .acud-form-item-label {
flex-grow: 0;
line-height: 1.6667;
padding-left: calc(.5em + 4px);
box-sizing: content-box;
}
.acud-form-horizontal .acud-form-item-label:not([class*=' acud-col-']) {
margin-right: 16px;
}
.acud-form-horizontal .acud-form-item-label > label.acud-form-item-required:not(.acud-form-item-required-mark-optional)::before {
text-indent: -0.5em;
margin-left: -4px;
}
.acud-form-horizontal .acud-form-item-control {
flex: 1;
}
/**
* @file styles for multiple columns
* @author chenqiang(chenqiang03)
*/
.acud-form-col-1 {
display: grid;
grid-column-gap: 16px;
grid-template-columns: repeat(1, 1fr);
}
.acud-form-col-2 {
display: grid;
grid-column-gap: 16px;
grid-template-columns: repeat(2, 1fr);
}
.acud-form-col-3 {
display: grid;
grid-column-gap: 16px;
grid-template-columns: repeat(3, 1fr);
}
.acud-form-col-4 {
display: grid;
grid-column-gap: 16px;
grid-template-columns: repeat(4, 1fr);
}
/**
* @file style only impact vertical layout
* @author chenqiang(chenqiang03)
*/
.acud-form-vertical .acud-form-item {
flex-direction: column;
}
.acud-form-vertical .acud-form-item-label > label {
height: auto;
}
.acud-form-vertical .acud-form-item-explain,
.acud-form-vertical .acud-form-item-extra {
margin: 4px 0 0;
}
.acud-form-vertical .acud-form-item-label,
.acud-col-24.acud-form-item-label,
.acud-col-xl-24.acud-form-item-label {
padding: 0 0 8px;
line-height: 1.6667;
white-space: initial;
text-align: left;
}
.acud-form-vertical .acud-form-item-label > label,
.acud-col-24.acud-form-item-label > label,
.acud-col-xl-24.acud-form-item-label > label {
margin: 0;
}
.acud-form-vertical .acud-form-item-label > label::after,
.acud-col-24.acud-form-item-label > label::after,
.acud-col-xl-24.acud-form-item-label > label::after {
display: none;
}
.acud-form-vertical .acud-form-item-label .acud-form-item-label-extra,
.acud-col-24.acud-form-item-label .acud-form-item-label-extra,
.acud-col-xl-24.acud-form-item-label .acud-form-item-label-extra {
display: block;
float: right;
}
.acud-form-rtl.acud-form-vertical .acud-form-item-label,
.acud-form-rtl.acud-col-24.acud-form-item-label,
.acud-form-rtl.acud-col-xl-24.acud-form-item-label {
text-align: right;
}
@media (max-width: 575px) {
.acud-form-item .acud-form-item-label {
padding: 0 0 8px;
line-height: 1.6667;
white-space: initial;
text-align: left;
}
.acud-form-item .acud-form-item-label > label {
margin: 0;
}
.acud-form-item .acud-form-item-label > label::after {
display: none;
}
.acud-form-item .acud-form-item-label .acud-form-item-label-extra {
display: block;
float: right;
}
.acud-form-rtl.acud-form-item .acud-form-item-label {
text-align: right;
}
.acud-form .acud-form-item {
flex-wrap: wrap;
}
.acud-form .acud-form-item .acud-form-item-label,
.acud-form .acud-form-item .acud-form-item-control {
flex: 0 0 100%;
max-width: 100%;
}
.acud-col-xs-24.acud-form-item-label {
padding: 0 0 8px;
line-height: 1.6667;
white-space: initial;
text-align: left;
}
.acud-col-xs-24.acud-form-item-label > label {
margin: 0;
}
.acud-col-xs-24.acud-form-item-label > label::after {
display: none;
}
.acud-col-xs-24.acud-form-item-label .acud-form-item-label-extra {
display: block;
float: right;
}
.acud-form-rtl.acud-col-xs-24.acud-form-item-label {
text-align: right;
}
}
@media (max-width: 767px) {
.acud-col-sm-24.acud-form-item-label {
padding: 0 0 8px;
line-height: 1.6667;
white-space: initial;
text-align: left;
}
.acud-col-sm-24.acud-form-item-label > label {
margin: 0;
}
.acud-col-sm-24.acud-form-item-label > label::after {
display: none;
}
.acud-col-sm-24.acud-form-item-label .acud-form-item-label-extra {
display: block;
float: right;
}
.acud-form-rtl.acud-col-sm-24.acud-form-item-label {
text-align: right;
}
}
@media (max-width: 991px) {
.acud-col-md-24.acud-form-item-label {
padding: 0 0 8px;
line-height: 1.6667;
white-space: initial;
text-align: left;
}
.acud-col-md-24.acud-form-item-label > label {
margin: 0;
}
.acud-col-md-24.acud-form-item-label > label::after {
display: none;
}
.acud-col-md-24.acud-form-item-label .acud-form-item-label-extra {
display: block;
float: right;
}
.acud-form-rtl.acud-col-md-24.acud-form-item-label {
text-align: right;
}
}
@media (max-width: 1199px) {
.acud-col-lg-24.acud-form-item-label {
padding: 0 0 8px;
line-height: 1.6667;
white-space: initial;
text-align: left;
}
.acud-col-lg-24.acud-form-item-label > label {
margin: 0;
}
.acud-col-lg-24.acud-form-item-label > label::after {
display: none;
}
.acud-col-lg-24.acud-form-item-label .acud-form-item-label-extra {
display: block;
float: right;
}
.acud-form-rtl.acud-col-lg-24.acud-form-item-label {
text-align: right;
}
}
@media (max-width: 1599px) {
.acud-col-xl-24.acud-form-item-label {
padding: 0 0 8px;
line-height: 1.6667;
white-space: initial;
text-align: left;
}
.acud-col-xl-24.acud-form-item-label > label {
margin: 0;
}
.acud-col-xl-24.acud-form-item-label > label::after {
display: none;
}
.acud-col-xl-24.acud-form-item-label .acud-form-item-label-extra {
display: block;
float: right;
}
.acud-form-rtl.acud-col-xl-24.acud-form-item-label {
text-align: right;
}
}
/**
* @file status style
* @author chenqiang(chenqiang03)
*/
.acud-form-item {
/* Some non-status related component style is in `components.less` */
/* To support leave along ErrorList. We add additional className to handle explain style */
}
.acud-form-item-explain {
display: none;
}
.acud-form-item-explain.acud-form-item-explain-error {
color: #F33E3E;
}
.acud-form-item-explain.acud-form-item-explain-warning {
color: #FF9326;
}
.acud-form-item-has-feedback .acud-input {
padding-right: 24px;
}
.acud-form-item-has-feedback .acud-input-affix-wrapper .acud-input-suffix {
padding-right: 18px;
}
.acud-form-item-has-feedback .acud-input-search:not(.acud-input-search-enter-button) .acud-input-suffix {
right: 28px;
}
.acud-form-item-has-feedback .acud-switch {
margin: 2px 0 4px;
}
.acud-form-item-has-feedback > .acud-select .acud-select-arrow,
.acud-form-item-has-feedback > .acud-select .acud-select-clear,
.acud-form-item-has-feedback :not(.acud-input-group-addon) > .acud-select .acud-select-arrow,
.acud-form-item-has-feedback :not(.acud-input-group-addon) > .acud-select .acud-select-clear {
right: 32px;
}
.acud-form-item-has-feedback > .acud-select .acud-select-selection-selected-value,
.acud-form-item-has-feedback :not(.acud-input-group-addon) > .acud-select .acud-select-selection-selected-value {
padding-right: 42px;
}
.acud-form-item-has-feedback .acud-cascader-picker-arrow {
margin-right: 19px;
}
.acud-form-item-has-feedback .acud-cascader-picker-clear {
right: 32px;
}
.acud-form-item-has-feedback .acud-picker {
padding-right: 23.6px;
}
.acud-form-item-has-feedback .acud-picker-large {
padding-right: 27.6px;
}
.acud-form-item-has-feedback .acud-picker-small {
padding-right: 19.6px;
}
.acud-form-item-has-feedback.acud-form-item-has-success .acud-form-item-children-icon,
.acud-form-item-has-feedback.acud-form-item-has-warning .acud-form-item-children-icon,
.acud-form-item-has-feedback.acud-form-item-has-error .acud-form-item-children-icon,
.acud-form-item-has-feedback.acud-form-item-is-validating .acud-form-item-children-icon {
position: absolute;
top: 50%;
right: 0;
z-index: 1;
width: 32px;
height: 20px;
margin-top: -10px;
font-size: 12px;
line-height: 20px;
text-align: center;
visibility: visible;
animation: zoomIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
pointer-events: none;
}
.acud-form-item-has-success.acud-form-item-has-feedback .acud-form-item-children-icon {
color: #30BF13;
animation-name: diffZoomIn1 !important;
}
.acud-form-item-has-warning .acud-form-item-split {
color: #FF9326;
}
.acud-form-item-has-warning .acud-input,
.acud-form-item-has-warning .acud-input-affix-wrapper,
.acud-form-item-has-warning .acud-input:hover,
.acud-form-item-has-warning .acud-input-affix-wrapper:hover,
.acud-form-item-has-warning .acud-input:focus,
.acud-form-item-has-warning .acud-input-affix-wrapper:focus,
.acud-form-item-has-warning .acud-input-focused,
.acud-form-item-has-warning .acud-input-affix-wrapper-focused {
background-color: #FFF4E6;
border-color: #FF9326;
border-right-width: 1px !important;
outline: 0;
}
.acud-form-item-has-warning .acud-input-disabled,
.acud-form-item-has-warning .acud-input-disabled:hover {
background-color: #F7F7F9;
border-color: #E8E9EB;
}
.acud-form-item-has-warning .acud-input-affix-wrapper-disabled,
.acud-form-item-has-warning .acud-input-affix-wrapper-disabled:hover {
background-color: #F7F7F9;
border-color: #E8E9EB;
}
.acud-form-item-has-warning .acud-input-affix-wrapper-disabled input:focus,
.acud-form-item-has-warning .acud-input-affix-wrapper-disabled:hover input:focus {
box-shadow: none !important;
}
.acud-form-item-has-warning .acud-calendar-picker-open .acud-calendar-picker-input {
border-color: #FF9326;
border-right-width: 1px !important;
outline: 0;
}
.acud-form-item-has-warning .acud-input-prefix {
color: #FF9326;
}
.acud-form-item-has-warning .acud-input-group-addon {
color: #FF9326;
border-color: #FF9326;
}
.acud-form-item-has-warning .has-feedback {
color: #FF9326;
}
.acud-form-item-has-warning.acud-form-item-has-feedback .acud-form-item-children-icon {
color: #FF9326;
animation-name: diffZoomIn3 !important;
}
.acud-form-item-has-warning .acud-select:not(.acud-select-disabled):not(.acud-select-customize-input) .acud-select-selector {
background-color: #FFF4E6;
border-color: #FF9326 !important;
}
.acud-form-item-has-warning .acud-select:not(.acud-select-disabled):not(.acud-select-customize-input).acud-select-open .acud-select-selector,
.acud-form-item-has-warning .acud-select:not(.acud-select-disabled):not(.acud-select-customize-input).acud-select-focused .acud-select-selector {
border-color: #FF9326;
border-right-width: 1px !important;
outline: 0;
}
.acud-form-item-has-warning .acud-input-number,
.acud-form-item-has-warning .acud-picker,
.acud-form-item-has-warning .acud-input-textarea {
background-color: #FFF4E6;
border-color: #FF9326;
}
.acud-form-item-has-warning .acud-input-number-focused,
.acud-form-item-has-warning .acud-picker-focused,
.acud-form-item-has-warning .acud-input-textarea-focused,
.acud-form-item-has-warning .acud-input-number:focus,
.acud-form-item-has-warning .acud-picker:focus,
.acud-form-item-has-warning .acud-input-textarea:focus {
border-color: #FF9326;
border-right-width: 1px !important;
outline: 0;
}
.acud-form-item-has-warning .acud-input-number:not([disabled]):hover,
.acud-form-item-has-warning .acud-picker:not([disabled]):hover,
.acud-form-item-has-warning .acud-input-textarea:not([disabled]):hover {
background-color: #FFF4E6;
border-color: #FF9326;
}
.acud-form-item-has-warning .acud-cascader-picker:focus .acud-cascader-input {
border-color: #FF9326;
border-right-width: 1px !important;
outline: 0;
}
.acud-form-item-has-error .acud-form-item-split {
color: #F33E3E;
}
.acud-form-item-has-error .acud-input,
.acud-form-item-has-error .acud-input-affix-wrapper,
.acud-form-item-has-error .acud-input:hover,
.acud-form-item-has-error .acud-input-affix-wrapper:hover,
.acud-form-item-has-error .acud-input:focus,
.acud-form-item-has-error .acud-input-affix-wrapper:focus,
.acud-form-item-has-error .acud-input-focused,
.acud-form-item-has-error .acud-input-affix-wrapper-focused {
background-color: inherit;
border-color: #F33E3E;
border-right-width: 1px !important;
outline: 0;
}
.acud-form-item-has-error .acud-input-disabled,
.acud-form-item-has-error .acud-input-disabled:hover {
background-color: #F7F7F9;
border-color: #E8E9EB;
}
.acud-form-item-has-error .acud-input-affix-wrapper-disabled,
.acud-form-item-has-error .acud-input-affix-wrapper-disabled:hover {
background-color: #F7F7F9;
border-color: #E8E9EB;
}
.acud-form-item-has-error .acud-input-affix-wrapper-disabled input:focus,
.acud-form-item-has-error .acud-input-affix-wrapper-disabled:hover input:focus {
box-shadow: none !important;
}
.acud-form-item-has-error .acud-calendar-picker-open .acud-calendar-picker-input {
border-color: #F33E3E;
border-right-width: 1px !important;
outline: 0;
}
.acud-form-item-has-error .acud-input-prefix {
color: #F33E3E;
}
.acud-form-item-has-error .acud-input-group-addon {
color: #F33E3E;
border-color: #F33E3E;
}
.acud-form-item-has-error .has-feedback {
color: #F33E3E;
}
.acud-form-item-has-error .acud-form-item-explain {
display: block;
}
.acud-form-item-has-error .acud-form-item-explain-error + .acud-form-item-extra {
display: none;
}
.acud-form-item-has-error.acud-form-item-has-feedback .acud-form-item-children-icon {
color: #F33E3E;
animation-name: diffZoomIn2 !important;
}
.acud-form-item-has-error .acud-select:not(.acud-select-disabled):not(.acud-select-customize-input) .acud-select-selector {
background-color: inherit;
border-color: #F33E3E !important;
}
.acud-form-item-has-error .acud-select:not(.acud-select-disabled):not(.acud-select-customize-input).acud-select-open .acud-select-selector,
.acud-form-item-has-error .acud-select:not(.acud-select-disabled):not(.acud-select-customize-input).acud-select-focused .acud-select-selector {
border-color: #F33E3E;
border-right-width: 1px !important;
outline: 0;
}
.acud-form-item-has-error .acud-input-group-addon .acud-select.acud-select-single:not(.acud-select-customize-input) .acud-select-selector {
background-color: inherit;
border: 0;
box-shadow: none;
}
.acud-form-item-has-error .acud-select.acud-select-auto-complete .acud-input:focus {
border-color: #F33E3E;
}
.acud-form-item-has-error .acud-input-number,
.acud-form-item-has-error .acud-picker,
.acud-form-item-has-error .acud-input-textarea {
background-color: inherit;
border-color: #F33E3E;
}
.acud-form-item-has-error .acud-input-number-focused,
.acud-form-item-has-error .acud-picker-focused,
.acud-form-item-has-error .acud-input-textarea-focused,
.acud-form-item-has-error .acud-input-number:focus,
.acud-form-item-has-error .acud-picker:focus,
.acud-form-item-has-error .acud-input-textarea:focus {
border-color: #F33E3E;
border-right-width: 1px !important;
outline: 0;
}
.acud-form-item-has-error .acud-input-number:not([disabled]):hover,
.acud-form-item-has-error .acud-picker:not([disabled]):hover,
.acud-form-item-has-error .acud-input-textarea:not([disabled]):hover {
background-color: inherit;
border-color: #F33E3E;
}
.acud-form-item-has-error .acud-mention-wrapper .acud-mention-editor,
.acud-form-item-has-error .acud-mention-wrapper .acud-mention-editor:not([disabled]):hover {
background-color: inherit;
border-color: #F33E3E;
}
.acud-form-item-has-error .acud-mention-wrapper.acud-mention-active:not([disabled]) .acud-mention-editor,
.acud-form-item-has-error .acud-mention-wrapper .acud-mention-editor:not([disabled]):focus {
border-color: #F33E3E;
border-right-width: 1px !important;
outline: 0;
}
.acud-form-item-has-error .acud-cascader-picker:hover .acud-cascader-picker-label:hover + .acud-cascader-input.acud-input {
border-color: #F33E3E;
}
.acud-form-item-has-error .acud-cascader-picker:focus .acud-cascader-input {
background-color: inherit;
border-color: #F33E3E;
border-right-width: 1px !important;
outline: 0;
}
.acud-form-item-has-error .acud-transfer-list {
border-color: #F33E3E;
}
.acud-form-item-has-error .acud-transfer-list-search:not([disabled]) {
background-color: #FFFFFF;
border-color: #E8E9EB;
}
.acud-form-item-has-error .acud-transfer-list-search:not([disabled]):hover {
background-color: #FFFFFF;
}
.acud-form-item-has-error .acud-transfer-list-search:not([disabled]):focus,
.acud-form-item-has-error .acud-transfer-list-search:not([disabled]):active {
background-color: #FFFFFF;
}
.acud-form-item-has-error .acud-transfer-list-search:not([disabled])[disabled],
.acud-form-item-has-error .acud-transfer-list-search:not([disabled])[aria-disabled="true"],
.acud-form-item-has-error .acud-transfer-list-search:not([disabled])[disabled]:hover,
.acud-form-item-has-error .acud-transfer-list-search:not([disabled])[aria-disabled="true"]:hover,
.acud-form-item-has-error .acud-transfer-list-search:not([disabled])[disabled]:focus,
.acud-form-item-has-error .acud-transfer-list-search:not([disabled])[aria-disabled="true"]:focus,
.acud-form-item-has-error .acud-transfer-list-search:not([disabled])[disabled]:active,
.acud-form-item-has-error .acud-transfer-list-search:not([disabled])[aria-disabled="true"]:active {
background-color: #F7F7F9;
}
.acud-form-item-has-error .acud-transfer-list-search:not([disabled]):hover {
border-color: #2468F2;
}
.acud-form-item-has-error .acud-transfer-list-search:not([disabled]):focus,
.acud-form-item-has-error .acud-transfer-list-search:not([disabled]):active {
border-color: #144BCC;
}
.acud-form-item-has-error .acud-transfer-list-search:not([disabled])[disabled],
.acud-form-item-has-error .acud-transfer-list-search:not([disabled])[aria-disabled="true"],
.acud-form-item-has-error .acud-transfer-list-search:not([disabled])[disabled]:hover,
.acud-form-item-has-error .acud-transfer-list-search:not([disabled])[aria-disabled="true"]:hover,
.acud-form-item-has-error .acud-transfer-list-search:not([disabled])[disabled]:focus,
.acud-form-item-has-error .acud-transfer-list-search:not([disabled])[aria-disabled="true"]:focus,
.acud-form-item-has-error .acud-transfer-list-search:not([disabled])[disabled]:active,
.acud-form-item-has-error .acud-transfer-list-search:not([disabled])[aria-disabled="true"]:active {
border-color: #E8E9EB;
}
.acud-form-item-has-error .acud-radio-button-wrapper {
border-color: #F33E3E !important;
}
.acud-form-item-has-error .acud-radio-button-wrapper:not(:first-child)::before {
background-color: #F33E3E;
}
.acud-form-item-with-extra-always-display .acud-form-item-explain-error + .acud-form-item-extra {
display: block;
}
.acud-form-item-is-validating.acud-form-item-has-feedback .acud-form-item-children-icon {
display: inline-block;
color: #D4E5FF;
}
/**
* @file mixins tools
* @author chenqiang(chenqiang03)
*/
.acud-form {
margin: 0;
padding: 0;
}
.acud-form legend {
display: block;
width: 100%;
margin-bottom: 20px;
padding: 0;
color: transparent;
font-size: 14px;
line-height: inherit;
border: 0;
border-bottom: 1px solid #E8E9EB;
}
.acud-form label {
font-size: 12px;
}
.acud-form input[type='search'] {
box-sizing: border-box;
}
.acud-form input[type='radio'],
.acud-form input[type='checkbox'] {
line-height: normal;
}
.acud-form input[type='file'] {
display: block;
}
.acud-form input[type='range'] {
display: block;
width: 100%;
}
.acud-form select[multiple],
.acud-form select[size] {
height: auto;
}
.acud-form input[type='file']:focus,
.acud-form input[type='radio']:focus,
.acud-form input[type='checkbox']:focus {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.acud-form output {
display: block;
padding-top: 15px;
color: transparent;
font-size: 12px;
line-height: 1.6667;
}
.acud-form .acud-form-text {
display: inline-block;
padding-right: 8px;
}
.acud-form-small .acud-form-item-label > label {
height: 24px;
}
.acud-form-small .acud-form-item-control-input {
min-height: 24px;
}
.acud-form-large .acud-form-item-label > label {
height: 40px;
}
.acud-form-large .acud-form-item-control-input {
min-height: 40px;
}
.acud-form-tiny .acud-form-item-label > label {
height: 32px;
}
.acud-form-tiny .acud-form-item-control-input {
min-height: 32px;
}
.acud-form-tiny .acud-form-item {
margin-bottom: 16px;
}
.acud-form-item {
margin: 0;
padding: 0;
margin-bottom: 24px;
vertical-align: top;
}
.acud-form-item-hidden,
.acud-form-item-hidden.acud-row {
display: none;
}
.acud-form-item-label {
display: inline-block;
flex-grow: 0;
white-space: nowrap;
text-align: right;
vertical-align: middle;
}
.acud-form-item-label.acud-form-item-label-left {
text-align: left;
}
.acud-form-item-label > label {
position: relative;
display: inline-flex;
align-items: center;
height: 32px;
color: #5C5F66;
font-size: 12px;
}
.acud-form-item-label > label > .acudicon {
font-size: 12px;
vertical-align: top;
}
.acud-form-item-label > label.acud-form-item-required:not(.acud-form-item-required-mark-optional)::before {
display: inline-block;
color: #F33E3E;
font-size: 12px;
font-family: SimSun, sans-serif;
line-height: 1;
content: '*';
margin-right: 4px;
}
.acud-form-hide-required-mark .acud-form-item-label > label.acud-form-item-required:not(.acud-form-item-required-mark-optional)::before {
display: none;
}
.acud-form-item-label > label .acud-form-item-optional {
display: inline-block;
margin-left: 4px;
color: #B8BABF;
}
.acud-form-hide-required-mark .acud-form-item-label > label .acud-form-item-optional {
display: none;
}
.acud-form-item-label > label .acud-form-item-tooltip {
color: #B8BABF;
cursor: help;
writing-mode: horizontal-tb;
margin-inline-start: 4px;
}
.acud-form-item-label > label .acud-form-item-tooltip::before {
content: '\ff1a';
position: relative;
top: -1px;
margin-left: -4px;
color: #5C5F66;
font-size: 12px;
}
.acud-form-item-label > label.acud-form-item-has-tooltip::after {
content: ' ';
}
.acud-form-item-label > label::after {
content: '\ff1a';
position: relative;
top: 1px;
}
.acud-form-item-label > label.acud-form-item-no-colon::after {
content: ' ';
}
.acud-form-item-label > label.acud-form-item-no-colon > .acud-form-item-tooltip::before {
display: none;
}
.acud-form-item-label-extra {
font-size: 12px;
}
.acud-form-item-control {
display: flex;
flex-direction: column;
flex-grow: 1;
}
.acud-form-item-control:first-child:not([class^='acud-col-']):not([class*=' acud-col-']) {
width: 100%;
}
.acud-form-item-control-input {
position: relative;
display: flex;
align-items: center;
min-height: 32px;
}
.acud-form-item-control-input-content {
flex: auto;
max-width: 100%;
}
.acud-form-item-explain,
.acud-form-item-extra {
clear: both;
margin: 4px 0 0;
min-height: 20.0004px;
color: #84868C;
font-size: 12px;
line-height: 1.6667;
transition: color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.acud-form-item-with-extra .acud-form-item-explain {
margin-bottom: 0;
}
.acud-form-item .acud-input-textarea-show-count::after {
margin-bottom: -22px;
}
.acud-show-help-enter,
.acud-show-help-appear {
animation-duration: 0.3s;
animation-fill-mode: both;
animation-play-state: paused;
}
.acud-show-help-leave {
animation-duration: 0.3s;
animation-fill-mode: both;
animation-play-state: paused;
}
.acud-show-help-enter.acud-show-help-enter-active,
.acud-show-help-appear.acud-show-help-appear-active {
animation-name: antShowHelpIn;
animation-play-state: running;
}
.acud-show-help-leave.acud-show-help-leave-active {
animation-name: antShowHelpOut;
animation-play-state: running;
pointer-events: none;
}
.acud-show-help-enter,
.acud-show-help-appear {
opacity: 0;
animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}
.acud-show-help-leave {
animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}
@keyframes antShowHelpIn {
0% {
transform: translateY(-5px);
opacity: 0;
}
100% {
transform: translateY(0);
opacity: 1;
}
}
@keyframes antShowHelpOut {
to {
transform: translateY(-5px);
opacity: 0;
}
}
@keyframes diffZoomIn1 {
0% {
transform: scale(0);
}
100% {
transform: scale(1);
}
}
@keyframes diffZoomIn2 {
0% {
transform: scale(0);
}
100% {
transform: scale(1);
}
}
@keyframes diffZoomIn3 {
0% {
transform: scale(0);
}
100% {
transform: scale(1);
}
}
/**
* @file style for rtl layout
* @author chenqiang(chenqiang03)
*/
.acud-form-rtl {
direction: rtl;
}
.acud-form-rtl .acud-form-item-label {
text-align: left;
}
.acud-form-rtl .acud-form-item-label > label.acud-form-item-required::before {
margin-right: 0;
margin-left: 4px;
}
.acud-form-rtl .acud-form-item-label > label::after {
margin: 0 2px 0 0;
}
.acud-form-rtl .acud-form-item-label > label .acud-form-item-optional {
margin-right: 4px;
margin-left: 0;
}
.acud-col-rtl .acud-form-item-control:first-child {
width: 100%;
}
.acud-form-rtl .acud-form-item-has-feedback .acud-input {
padding-right: 8px;
padding-left: 24px;
}
.acud-form-rtl .acud-form-item-has-feedback .acud-input-affix-wrapper .acud-input-suffix {
padding-right: 8px;
padding-left: 18px;
}
.acud-form-rtl .acud-form-item-has-feedback .acud-input-affix-wrapper .acud-input {
padding: 0;
}
.acud-form-rtl .acud-form-item-has-feedback .acud-input-search:not(.acud-input-search-enter-button) .acud-input-suffix {
right: auto;
left: 28px;
}
.acud-form-rtl .acud-form-item-has-feedback .acud-input-number {
padding-left: 18px;
}
.acud-form-rtl .acud-form-item-has-feedback > .acud-select .acud-select-arrow,
.acud-form-rtl .acud-form-item-has-feedback > .acud-select .acud-select-clear,
.acud-form-rtl .acud-form-item-has-feedback :not(.acud-input-group-addon) > .acud-select .acud-select-arrow,
.acud-form-rtl .acud-form-item-has-feedback :not(.acud-input-group-addon) > .acud-select .acud-select-clear {
right: auto;
left: 32px;
}
.acud-form-rtl .acud-form-item-has-feedback > .acud-select .acud-select-selection-selected-value,
.acud-form-rtl .acud-form-item-has-feedback :not(.acud-input-group-addon) > .acud-select .acud-select-selection-selected-value {
padding-right: 0;
padding-left: 42px;
}
.acud-form-rtl .acud-form-item-has-feedback .acud-cascader-picker-arrow {
margin-right: 0;
margin-left: 19px;
}
.acud-form-rtl .acud-form-item-has-feedback .acud-cascader-picker-clear {
right: auto;
left: 32px;
}
.acud-form-rtl .acud-form-item-has-feedback .acud-picker {
padding-right: 8px;
padding-left: 23.6px;
}
.acud-form-rtl .acud-form-item-has-feedback .acud-picker-large {
padding-right: 12px;
padding-left: 27.6px;
}
.acud-form-rtl .acud-form-item-has-feedback .acud-picker-small {
padding-right: 4px;
padding-left: 19.6px;
}
.acud-form-rtl .acud-form-item-has-feedback.acud-form-item-has-success .acud-form-item-children-icon,
.acud-form-rtl .acud-form-item-has-feedback.acud-form-item-has-warning .acud-form-item-children-icon,
.acud-form-rtl .acud-form-item-has-feedback.acud-form-item-has-error .acud-form-item-children-icon,
.acud-form-rtl .acud-form-item-has-feedback.acud-form-item-is-validating .acud-form-item-children-icon {
right: auto;
left: 0;
}
.acud-form-rtl.acud-form-inline .acud-form-item {
margin-right: 0;
margin-left: 16px;
}
/* color */
/* 默认颜色 */
/* 通用-icon */
/* 标签 */
/* 默认颜色 */
/* 其他颜色 */
/* 通用 */
/* 水平 */
/* 垂直 */
/* 序号水平 */
/* 序号垂直 */
/**
* @file Style of form children components
* @author chenqiang(chenqiang03)
*/
.acud-form-item .acud-mentions {
height: auto;
}
.acud-form-item .acud-upload {
background: transparent;
}
.acud-form-item input[type='radio'],
.acud-form-item input[type='checkbox'] {
width: 14px;
height: 14px;
}
.acud-form-item .acud-radio-inline,
.acud-form-item .acud-checkbox-inline {
display: inline-block;
margin-left: 8px;
font-weight: normal;
vertical-align: middle;
cursor: pointer;
}
.acud-form-item .acud-radio-inline:first-child,
.acud-form-item .acud-checkbox-inline:first-child {
margin-left: 0;
}
.acud-form-item .acud-checkbox-vertical,
.acud-form-item .acud-radio-vertical {
display: block;
}
.acud-form-item .acud-checkbox-vertical + .acud-checkbox-vertical,
.acud-form-item .acud-radio-vertical + .acud-radio-vertical {
margin-left: 0;
}
.acud-form-item .acud-input-number + .acud-form-text {
margin-left: 8px;
}
.acud-form-item .acud-input-number-handler-wrap {
z-index: 2;
}
.acud-form-item .acud-picker-calendar-year-select,
.acud-form-item .acud-picker-calendar-month-select,
.acud-form-item .acud-input-group .acud-select,
.acud-form-item .acud-input-group .acud-cascader-picker {
width: auto;
}
/**
* @file styles for inline form
* @author chenqiang(chenqiang03)
*/
.acud-form-inline {
display: flex;
flex-wrap: wrap;
}
.acud-form-inline .acud-form-item {
flex: none;
flex-wrap: nowrap;
margin-right: 16px;
margin-bottom: 0;
}
.acud-form-inline .acud-form-item-with-help {
margin-bottom: 24px;
}
.acud-form-inline .acud-form-item > .acud-form-item-label,
.acud-form-inline .acud-form-item > .acud-form-item-control {
display: inline-block;
vertical-align: top;
}
.acud-form-inline .acud-form-item > .acud-form-item-label {
flex: none;
}
.acud-form-inline .acud-form-item .acud-form-text {
display: inline-block;
}
.acud-form-inline .acud-form-item .acud-form-item-has-feedback {
display: inline-block;
}
/**
* @file style only impact horizontal layout
* @author chenqiang(chenqiang03)
*/
.acud-form-horizontal .acud-form-item-label {
flex-grow: 0;
line-height: 1.6667;
padding-left: calc(.5em + 4px);
box-sizing: content-box;
}
.acud-form-horizontal .acud-form-item-label:not([class*=' acud-col-']) {
margin-right: 16px;
}
.acud-form-horizontal .acud-form-item-label > label.acud-form-item-required:not(.acud-form-item-required-mark-optional)::before {
text-indent: -0.5em;
margin-left: -4px;
}
.acud-form-horizontal .acud-form-item-control {
flex: 1;
}
/**
* @file styles for multiple columns
* @author chenqiang(chenqiang03)
*/
.acud-form-col-1 {
display: grid;
grid-column-gap: 16px;
grid-template-columns: repeat(1, 1fr);
}
.acud-form-col-2 {
display: grid;
grid-column-gap: 16px;
grid-template-columns: repeat(2, 1fr);
}
.acud-form-col-3 {
display: grid;
grid-column-gap: 16px;
grid-template-columns: repeat(3, 1fr);
}
.acud-form-col-4 {
display: grid;
grid-column-gap: 16px;
grid-template-columns: repeat(4, 1fr);
}
/**
* @file style only impact vertical layout
* @author chenqiang(chenqiang03)
*/
.acud-form-vertical .acud-form-item {
flex-direction: column;
}
.acud-form-vertical .acud-form-item-label > label {
height: auto;
}
.acud-form-vertical .acud-form-item-explain,
.acud-form-vertical .acud-form-item-extra {
margin: 4px 0 0;
}
.acud-form-vertical .acud-form-item-label,
.acud-col-24.acud-form-item-label,
.acud-col-xl-24.acud-form-item-label {
padding: 0 0 8px;
line-height: 1.6667;
white-space: initial;
text-align: left;
}
.acud-form-vertical .acud-form-item-label > label,
.acud-col-24.acud-form-item-label > label,
.acud-col-xl-24.acud-form-item-label > label {
margin: 0;
}
.acud-form-vertical .acud-form-item-label > label::after,
.acud-col-24.acud-form-item-label > label::after,
.acud-col-xl-24.acud-form-item-label > label::after {
display: none;
}
.acud-form-vertical .acud-form-item-label .acud-form-item-label-extra,
.acud-col-24.acud-form-item-label .acud-form-item-label-extra,
.acud-col-xl-24.acud-form-item-label .acud-form-item-label-extra {
display: block;
float: right;
}
.acud-form-rtl.acud-form-vertical .acud-form-item-label,
.acud-form-rtl.acud-col-24.acud-form-item-label,
.acud-form-rtl.acud-col-xl-24.acud-form-item-label {
text-align: right;
}
@media (max-width: 575px) {
.acud-form-item .acud-form-item-label {
padding: 0 0 8px;
line-height: 1.6667;
white-space: initial;
text-align: left;
}
.acud-form-item .acud-form-item-label > label {
margin: 0;
}
.acud-form-item .acud-form-item-label > label::after {
display: none;
}
.acud-form-item .acud-form-item-label .acud-form-item-label-extra {
display: block;
float: right;
}
.acud-form-rtl.acud-form-item .acud-form-item-label {
text-align: right;
}
.acud-form .acud-form-item {
flex-wrap: wrap;
}
.acud-form .acud-form-item .acud-form-item-label,
.acud-form .acud-form-item .acud-form-item-control {
flex: 0 0 100%;
max-width: 100%;
}
.acud-col-xs-24.acud-form-item-label {
padding: 0 0 8px;
line-height: 1.6667;
white-space: initial;
text-align: left;
}
.acud-col-xs-24.acud-form-item-label > label {
margin: 0;
}
.acud-col-xs-24.acud-form-item-label > label::after {
display: none;
}
.acud-col-xs-24.acud-form-item-label .acud-form-item-label-extra {
display: block;
float: right;
}
.acud-form-rtl.acud-col-xs-24.acud-form-item-label {
text-align: right;
}
}
@media (max-width: 767px) {
.acud-col-sm-24.acud-form-item-label {
padding: 0 0 8px;
line-height: 1.6667;
white-space: initial;
text-align: left;
}
.acud-col-sm-24.acud-form-item-label > label {
margin: 0;
}
.acud-col-sm-24.acud-form-item-label > label::after {
display: none;
}
.acud-col-sm-24.acud-form-item-label .acud-form-item-label-extra {
display: block;
float: right;
}
.acud-form-rtl.acud-col-sm-24.acud-form-item-label {
text-align: right;
}
}
@media (max-width: 991px) {
.acud-col-md-24.acud-form-item-label {
padding: 0 0 8px;
line-height: 1.6667;
white-space: initial;
text-align: left;
}
.acud-col-md-24.acud-form-item-label > label {
margin: 0;
}
.acud-col-md-24.acud-form-item-label > label::after {
display: none;
}
.acud-col-md-24.acud-form-item-label .acud-form-item-label-extra {
display: block;
float: right;
}
.acud-form-rtl.acud-col-md-24.acud-form-item-label {
text-align: right;
}
}
@media (max-width: 1199px) {
.acud-col-lg-24.acud-form-item-label {
padding: 0 0 8px;
line-height: 1.6667;
white-space: initial;
text-align: left;
}
.acud-col-lg-24.acud-form-item-label > label {
margin: 0;
}
.acud-col-lg-24.acud-form-item-label > label::after {
display: none;
}
.acud-col-lg-24.acud-form-item-label .acud-form-item-label-extra {
display: block;
float: right;
}
.acud-form-rtl.acud-col-lg-24.acud-form-item-label {
text-align: right;
}
}
@media (max-width: 1599px) {
.acud-col-xl-24.acud-form-item-label {
padding: 0 0 8px;
line-height: 1.6667;
white-space: initial;
text-align: left;
}
.acud-col-xl-24.acud-form-item-label > label {
margin: 0;
}
.acud-col-xl-24.acud-form-item-label > label::after {
display: none;
}
.acud-col-xl-24.acud-form-item-label .acud-form-item-label-extra {
display: block;
float: right;
}
.acud-form-rtl.acud-col-xl-24.acud-form-item-label {
text-align: right;
}
}
/**
* @file status style
* @author chenqiang(chenqiang03)
*/
.acud-form-item {
/* Some non-status related component style is in `components.less` */
/* To support leave along ErrorList. We add additional className to handle explain style */
}
.acud-form-item-explain {
display: none;
}
.acud-form-item-explain.acud-form-item-explain-error {
color: #F33E3E;
}
.acud-form-item-explain.acud-form-item-explain-warning {
color: #FF9326;
}
.acud-form-item-has-feedback .acud-input {
padding-right: 24px;
}
.acud-form-item-has-feedback .acud-input-affix-wrapper .acud-input-suffix {
padding-right: 18px;
}
.acud-form-item-has-feedback .acud-input-search:not(.acud-input-search-enter-button) .acud-input-suffix {
right: 28px;
}
.acud-form-item-has-feedback .acud-switch {
margin: 2px 0 4px;
}
.acud-form-item-has-feedback > .acud-select .acud-select-arrow,
.acud-form-item-has-feedback > .acud-select .acud-select-clear,
.acud-form-item-has-feedback :not(.acud-input-group-addon) > .acud-select .acud-select-arrow,
.acud-form-item-has-feedback :not(.acud-input-group-addon) > .acud-select .acud-select-clear {
right: 32px;
}
.acud-form-item-has-feedback > .acud-select .acud-select-selection-selected-value,
.acud-form-item-has-feedback :not(.acud-input-group-addon) > .acud-select .acud-select-selection-selected-value {
padding-right: 42px;
}
.acud-form-item-has-feedback .acud-cascader-picker-arrow {
margin-right: 19px;
}
.acud-form-item-has-feedback .acud-cascader-picker-clear {
right: 32px;
}
.acud-form-item-has-feedback .acud-picker {
padding-right: 23.6px;
}
.acud-form-item-has-feedback .acud-picker-large {
padding-right: 27.6px;
}
.acud-form-item-has-feedback .acud-picker-small {
padding-right: 19.6px;
}
.acud-form-item-has-feedback.acud-form-item-has-success .acud-form-item-children-icon,
.acud-form-item-has-feedback.acud-form-item-has-warning .acud-form-item-children-icon,
.acud-form-item-has-feedback.acud-form-item-has-error .acud-form-item-children-icon,
.acud-form-item-has-feedback.acud-form-item-is-validating .acud-form-item-children-icon {
position: absolute;
top: 50%;
right: 0;
z-index: 1;
width: 32px;
height: 20px;
margin-top: -10px;
font-size: 12px;
line-height: 20px;
text-align: center;
visibility: visible;
animation: zoomIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
pointer-events: none;
}
.acud-form-item-has-success.acud-form-item-has-feedback .acud-form-item-children-icon {
color: #30BF13;
animation-name: diffZoomIn1 !important;
}
.acud-form-item-has-warning .acud-form-item-split {
color: #FF9326;
}
.acud-form-item-has-warning .acud-input,
.acud-form-item-has-warning .acud-input-affix-wrapper,
.acud-form-item-has-warning .acud-input:hover,
.acud-form-item-has-warning .acud-input-affix-wrapper:hover,
.acud-form-item-has-warning .acud-input:focus,
.acud-form-item-has-warning .acud-input-affix-wrapper:focus,
.acud-form-item-has-warning .acud-input-focused,
.acud-form-item-has-warning .acud-input-affix-wrapper-focused {
background-color: #FFF4E6;
border-color: #FF9326;
border-right-width: 1px !important;
outline: 0;
}
.acud-form-item-has-warning .acud-input-disabled,
.acud-form-item-has-warning .acud-input-disabled:hover {
background-color: #F7F7F9;
border-color: #E8E9EB;
}
.acud-form-item-has-warning .acud-input-affix-wrapper-disabled,
.acud-form-item-has-warning .acud-input-affix-wrapper-disabled:hover {
background-color: #F7F7F9;
border-color: #E8E9EB;
}
.acud-form-item-has-warning .acud-input-affix-wrapper-disabled input:focus,
.acud-form-item-has-warning .acud-input-affix-wrapper-disabled:hover input:focus {
box-shadow: none !important;
}
.acud-form-item-has-warning .acud-calendar-picker-open .acud-calendar-picker-input {
border-color: #FF9326;
border-right-width: 1px !important;
outline: 0;
}
.acud-form-item-has-warning .acud-input-prefix {
color: #FF9326;
}
.acud-form-item-has-warning .acud-input-group-addon {
color: #FF9326;
border-color: #FF9326;
}
.acud-form-item-has-warning .has-feedback {
color: #FF9326;
}
.acud-form-item-has-warning.acud-form-item-has-feedback .acud-form-item-children-icon {
color: #FF9326;
animation-name: diffZoomIn3 !important;
}
.acud-form-item-has-warning .acud-select:not(.acud-select-disabled):not(.acud-select-customize-input) .acud-select-selector {
background-color: #FFF4E6;
border-color: #FF9326 !important;
}
.acud-form-item-has-warning .acud-select:not(.acud-select-disabled):not(.acud-select-customize-input).acud-select-open .acud-select-selector,
.acud-form-item-has-warning .acud-select:not(.acud-select-disabled):not(.acud-select-customize-input).acud-select-focused .acud-select-selector {
border-color: #FF9326;
border-right-width: 1px !important;
outline: 0;
}
.acud-form-item-has-warning .acud-input-number,
.acud-form-item-has-warning .acud-picker,
.acud-form-item-has-warning .acud-input-textarea {
background-color: #FFF4E6;
border-color: #FF9326;
}
.acud-form-item-has-warning .acud-input-number-focused,
.acud-form-item-has-warning .acud-picker-focused,
.acud-form-item-has-warning .acud-input-textarea-focused,
.acud-form-item-has-warning .acud-input-number:focus,
.acud-form-item-has-warning .acud-picker:focus,
.acud-form-item-has-warning .acud-input-textarea:focus {
border-color: #FF9326;
border-right-width: 1px !important;
outline: 0;
}
.acud-form-item-has-warning .acud-input-number:not([disabled]):hover,
.acud-form-item-has-warning .acud-picker:not([disabled]):hover,
.acud-form-item-has-warning .acud-input-textarea:not([disabled]):hover {
background-color: #FFF4E6;
border-color: #FF9326;
}
.acud-form-item-has-warning .acud-cascader-picker:focus .acud-cascader-input {
border-color: #FF9326;
border-right-width: 1px !important;
outline: 0;
}
.acud-form-item-has-error .acud-form-item-split {
color: #F33E3E;
}
.acud-form-item-has-error .acud-input,
.acud-form-item-has-error .acud-input-affix-wrapper,
.acud-form-item-has-error .acud-input:hover,
.acud-form-item-has-error .acud-input-affix-wrapper:hover,
.acud-form-item-has-error .acud-input:focus,
.acud-form-item-has-error .acud-input-affix-wrapper:focus,
.acud-form-item-has-error .acud-input-focused,
.acud-form-item-has-error .acud-input-affix-wrapper-focused {
background-color: inherit;
border-color: #F33E3E;
border-right-width: 1px !important;
outline: 0;
}
.acud-form-item-has-error .acud-input-disabled,
.acud-form-item-has-error .acud-input-disabled:hover {
background-color: #F7F7F9;
border-color: #E8E9EB;
}
.acud-form-item-has-error .acud-input-affix-wrapper-disabled,
.acud-form-item-has-error .acud-input-affix-wrapper-disabled:hover {
background-color: #F7F7F9;
border-color: #E8E9EB;
}
.acud-form-item-has-error .acud-input-affix-wrapper-disabled input:focus,
.acud-form-item-has-error .acud-input-affix-wrapper-disabled:hover input:focus {
box-shadow: none !important;
}
.acud-form-item-has-error .acud-calendar-picker-open .acud-calendar-picker-input {
border-color: #F33E3E;
border-right-width: 1px !important;
outline: 0;
}
.acud-form-item-has-error .acud-input-prefix {
color: #F33E3E;
}
.acud-form-item-has-error .acud-input-group-addon {
color: #F33E3E;
border-color: #F33E3E;
}
.acud-form-item-has-error .has-feedback {
color: #F33E3E;
}
.acud-form-item-has-error .acud-form-item-explain {
display: block;
}
.acud-form-item-has-error .acud-form-item-explain-error + .acud-form-item-extra {
display: none;
}
.acud-form-item-has-error.acud-form-item-has-feedback .acud-form-item-children-icon {
color: #F33E3E;
animation-name: diffZoomIn2 !important;
}
.acud-form-item-has-error .acud-select:not(.acud-select-disabled):not(.acud-select-customize-input) .acud-select-selector {
background-color: inherit;
border-color: #F33E3E !important;
}
.acud-form-item-has-error .acud-select:not(.acud-select-disabled):not(.acud-select-customize-input).acud-select-open .acud-select-selector,
.acud-form-item-has-error .acud-select:not(.acud-select-disabled):not(.acud-select-customize-input).acud-select-focused .acud-select-selector {
border-color: #F33E3E;
border-right-width: 1px !important;
outline: 0;
}
.acud-form-item-has-error .acud-input-group-addon .acud-select.acud-select-single:not(.acud-select-customize-input) .acud-select-selector {
background-color: inherit;
border: 0;
box-shadow: none;
}
.acud-form-item-has-error .acud-select.acud-select-auto-complete .acud-input:focus {
border-color: #F33E3E;
}
.acud-form-item-has-error .acud-input-number,
.acud-form-item-has-error .acud-picker,
.acud-form-item-has-error .acud-input-textarea {
background-color: inherit;
border-color: #F33E3E;
}
.acud-form-item-has-error .acud-input-number-focused,
.acud-form-item-has-error .acud-picker-focused,
.acud-form-item-has-error .acud-input-textarea-focused,
.acud-form-item-has-error .acud-input-number:focus,
.acud-form-item-has-error .acud-picker:focus,
.acud-form-item-has-error .acud-input-textarea:focus {
border-color: #F33E3E;
border-right-width: 1px !important;
outline: 0;
}
.acud-form-item-has-error .acud-input-number:not([disabled]):hover,
.acud-form-item-has-error .acud-picker:not([disabled]):hover,
.acud-form-item-has-error .acud-input-textarea:not([disabled]):hover {
background-color: inherit;
border-color: #F33E3E;
}
.acud-form-item-has-error .acud-mention-wrapper .acud-mention-editor,
.acud-form-item-has-error .acud-mention-wrapper .acud-mention-editor:not([disabled]):hover {
background-color: inherit;
border-color: #F33E3E;
}
.acud-form-item-has-error .acud-mention-wrapper.acud-mention-active:not([disabled]) .acud-mention-editor,
.acud-form-item-has-error .acud-mention-wrapper .acud-mention-editor:not([disabled]):focus {
border-color: #F33E3E;
border-right-width: 1px !important;
outline: 0;
}
.acud-form-item-has-error .acud-cascader-picker:hover .acud-cascader-picker-label:hover + .acud-cascader-input.acud-input {
border-color: #F33E3E;
}
.acud-form-item-has-error .acud-cascader-picker:focus .acud-cascader-input {
background-color: inherit;
border-color: #F33E3E;
border-right-width: 1px !important;
outline: 0;
}
.acud-form-item-has-error .acud-transfer-list {
border-color: #F33E3E;
}
.acud-form-item-has-error .acud-transfer-list-search:not([disabled]) {
background-color: #FFFFFF;
border-color: #E8E9EB;
}
.acud-form-item-has-error .acud-transfer-list-search:not([disabled]):hover {
background-color: #FFFFFF;
}
.acud-form-item-has-error .acud-transfer-list-search:not([disabled]):focus,
.acud-form-item-has-error .acud-transfer-list-search:not([disabled]):active {
background-color: #FFFFFF;
}
.acud-form-item-has-error .acud-transfer-list-search:not([disabled])[disabled],
.acud-form-item-has-error .acud-transfer-list-search:not([disabled])[aria-disabled="true"],
.acud-form-item-has-error .acud-transfer-list-search:not([disabled])[disabled]:hover,
.acud-form-item-has-error .acud-transfer-list-search:not([disabled])[aria-disabled="true"]:hover,
.acud-form-item-has-error .acud-transfer-list-search:not([disabled])[disabled]:focus,
.acud-form-item-has-error .acud-transfer-list-search:not([disabled])[aria-disabled="true"]:focus,
.acud-form-item-has-error .acud-transfer-list-search:not([disabled])[disabled]:active,
.acud-form-item-has-error .acud-transfer-list-search:not([disabled])[aria-disabled="true"]:active {
background-color: #F7F7F9;
}
.acud-form-item-has-error .acud-transfer-list-search:not([disabled]):hover {
border-color: #2468F2;
}
.acud-form-item-has-error .acud-transfer-list-search:not([disabled]):focus,
.acud-form-item-has-error .acud-transfer-list-search:not([disabled]):active {
border-color: #144BCC;
}
.acud-form-item-has-error .acud-transfer-list-search:not([disabled])[disabled],
.acud-form-item-has-error .acud-transfer-list-search:not([disabled])[aria-disabled="true"],
.acud-form-item-has-error .acud-transfer-list-search:not([disabled])[disabled]:hover,
.acud-form-item-has-error .acud-transfer-list-search:not([disabled])[aria-disabled="true"]:hover,
.acud-form-item-has-error .acud-transfer-list-search:not([disabled])[disabled]:focus,
.acud-form-item-has-error .acud-transfer-list-search:not([disabled])[aria-disabled="true"]:focus,
.acud-form-item-has-error .acud-transfer-list-search:not([disabled])[disabled]:active,
.acud-form-item-has-error .acud-transfer-list-search:not([disabled])[aria-disabled="true"]:active {
border-color: #E8E9EB;
}
.acud-form-item-has-error .acud-radio-button-wrapper {
border-color: #F33E3E !important;
}
.acud-form-item-has-error .acud-radio-button-wrapper:not(:first-child)::before {
background-color: #F33E3E;
}
.acud-form-item-with-extra-always-display .acud-form-item-explain-error + .acud-form-item-extra {
display: block;
}
.acud-form-item-is-validating.acud-form-item-has-feedback .acud-form-item-children-icon {
display: inline-block;
color: #D4E5FF;
}
/**
* @file mixins tools
* @author chenqiang(chenqiang03)
*/
.acud-form {
margin: 0;
padding: 0;
}
.acud-form legend {
display: block;
width: 100%;
margin-bottom: 20px;
padding: 0;
color: transparent;
font-size: 14px;
line-height: inherit;
border: 0;
border-bottom: 1px solid #E8E9EB;
}
.acud-form label {
font-size: 12px;
}
.acud-form input[type='search'] {
box-sizing: border-box;
}
.acud-form input[type='radio'],
.acud-form input[type='checkbox'] {
line-height: normal;
}
.acud-form input[type='file'] {
display: block;
}
.acud-form input[type='range'] {
display: block;
width: 100%;
}
.acud-form select[multiple],
.acud-form select[size] {
height: auto;
}
.acud-form input[type='file']:focus,
.acud-form input[type='radio']:focus,
.acud-form input[type='checkbox']:focus {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.acud-form output {
display: block;
padding-top: 15px;
color: transparent;
font-size: 12px;
line-height: 1.6667;
}
.acud-form .acud-form-text {
display: inline-block;
padding-right: 8px;
}
.acud-form-small .acud-form-item-label > label {
height: 24px;
}
.acud-form-small .acud-form-item-control-input {
min-height: 24px;
}
.acud-form-large .acud-form-item-label > label {
height: 40px;
}
.acud-form-large .acud-form-item-control-input {
min-height: 40px;
}
.acud-form-tiny .acud-form-item-label > label {
height: 32px;
}
.acud-form-tiny .acud-form-item-control-input {
min-height: 32px;
}
.acud-form-tiny .acud-form-item {
margin-bottom: 16px;
}
.acud-form-item {
margin: 0;
padding: 0;
margin-bottom: 24px;
vertical-align: top;
}
.acud-form-item-hidden,
.acud-form-item-hidden.acud-row {
display: none;
}
.acud-form-item-label {
display: inline-block;
flex-grow: 0;
white-space: nowrap;
text-align: right;
vertical-align: middle;
}
.acud-form-item-label.acud-form-item-label-left {
text-align: left;
}
.acud-form-item-label > label {
position: relative;
display: inline-flex;
align-items: center;
height: 32px;
color: #5C5F66;
font-size: 12px;
}
.acud-form-item-label > label > .acudicon {
font-size: 12px;
vertical-align: top;
}
.acud-form-item-label > label.acud-form-item-required:not(.acud-form-item-required-mark-optional)::before {
display: inline-block;
color: #F33E3E;
font-size: 12px;
font-family: SimSun, sans-serif;
line-height: 1;
content: '*';
margin-right: 4px;
}
.acud-form-hide-required-mark .acud-form-item-label > label.acud-form-item-required:not(.acud-form-item-required-mark-optional)::before {
display: none;
}
.acud-form-item-label > label .acud-form-item-optional {
display: inline-block;
margin-left: 4px;
color: #B8BABF;
}
.acud-form-hide-required-mark .acud-form-item-label > label .acud-form-item-optional {
display: none;
}
.acud-form-item-label > label .acud-form-item-tooltip {
color: #B8BABF;
cursor: help;
writing-mode: horizontal-tb;
margin-inline-start: 4px;
}
.acud-form-item-label > label .acud-form-item-tooltip::before {
content: '\ff1a';
position: relative;
top: -1px;
margin-left: -4px;
color: #5C5F66;
font-size: 12px;
}
.acud-form-item-label > label.acud-form-item-has-tooltip::after {
content: ' ';
}
.acud-form-item-label > label::after {
content: '\ff1a';
position: relative;
top: 1px;
}
.acud-form-item-label > label.acud-form-item-no-colon::after {
content: ' ';
}
.acud-form-item-label > label.acud-form-item-no-colon > .acud-form-item-tooltip::before {
display: none;
}
.acud-form-item-label-extra {
font-size: 12px;
}
.acud-form-item-control {
display: flex;
flex-direction: column;
flex-grow: 1;
}
.acud-form-item-control:first-child:not([class^='acud-col-']):not([class*=' acud-col-']) {
width: 100%;
}
.acud-form-item-control-input {
position: relative;
display: flex;
align-items: center;
min-height: 32px;
}
.acud-form-item-control-input-content {
flex: auto;
max-width: 100%;
}
.acud-form-item-explain,
.acud-form-item-extra {
clear: both;
margin: 4px 0 0;
min-height: 20.0004px;
color: #84868C;
font-size: 12px;
line-height: 1.6667;
transition: color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.acud-form-item-with-extra .acud-form-item-explain {
margin-bottom: 0;
}
.acud-form-item .acud-input-textarea-show-count::after {
margin-bottom: -22px;
}
.acud-show-help-enter,
.acud-show-help-appear {
animation-duration: 0.3s;
animation-fill-mode: both;
animation-play-state: paused;
}
.acud-show-help-leave {
animation-duration: 0.3s;
animation-fill-mode: both;
animation-play-state: paused;
}
.acud-show-help-enter.acud-show-help-enter-active,
.acud-show-help-appear.acud-show-help-appear-active {
animation-name: antShowHelpIn;
animation-play-state: running;
}
.acud-show-help-leave.acud-show-help-leave-active {
animation-name: antShowHelpOut;
animation-play-state: running;
pointer-events: none;
}
.acud-show-help-enter,
.acud-show-help-appear {
opacity: 0;
animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}
.acud-show-help-leave {
animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}
@keyframes antShowHelpIn {
0% {
transform: translateY(-5px);
opacity: 0;
}
100% {
transform: translateY(0);
opacity: 1;
}
}
@keyframes antShowHelpOut {
to {
transform: translateY(-5px);
opacity: 0;
}
}
@keyframes diffZoomIn1 {
0% {
transform: scale(0);
}
100% {
transform: scale(1);
}
}
@keyframes diffZoomIn2 {
0% {
transform: scale(0);
}
100% {
transform: scale(1);
}
}
@keyframes diffZoomIn3 {
0% {
transform: scale(0);
}
100% {
transform: scale(1);
}
}
/**
* @file style for rtl layout
* @author chenqiang(chenqiang03)
*/
.acud-form-rtl {
direction: rtl;
}
.acud-form-rtl .acud-form-item-label {
text-align: left;
}
.acud-form-rtl .acud-form-item-label > label.acud-form-item-required::before {
margin-right: 0;
margin-left: 4px;
}
.acud-form-rtl .acud-form-item-label > label::after {
margin: 0 2px 0 0;
}
.acud-form-rtl .acud-form-item-label > label .acud-form-item-optional {
margin-right: 4px;
margin-left: 0;
}
.acud-col-rtl .acud-form-item-control:first-child {
width: 100%;
}
.acud-form-rtl .acud-form-item-has-feedback .acud-input {
padding-right: 8px;
padding-left: 24px;
}
.acud-form-rtl .acud-form-item-has-feedback .acud-input-affix-wrapper .acud-input-suffix {
padding-right: 8px;
padding-left: 18px;
}
.acud-form-rtl .acud-form-item-has-feedback .acud-input-affix-wrapper .acud-input {
padding: 0;
}
.acud-form-rtl .acud-form-item-has-feedback .acud-input-search:not(.acud-input-search-enter-button) .acud-input-suffix {
right: auto;
left: 28px;
}
.acud-form-rtl .acud-form-item-has-feedback .acud-input-number {
padding-left: 18px;
}
.acud-form-rtl .acud-form-item-has-feedback > .acud-select .acud-select-arrow,
.acud-form-rtl .acud-form-item-has-feedback > .acud-select .acud-select-clear,
.acud-form-rtl .acud-form-item-has-feedback :not(.acud-input-group-addon) > .acud-select .acud-select-arrow,
.acud-form-rtl .acud-form-item-has-feedback :not(.acud-input-group-addon) > .acud-select .acud-select-clear {
right: auto;
left: 32px;
}
.acud-form-rtl .acud-form-item-has-feedback > .acud-select .acud-select-selection-selected-value,
.acud-form-rtl .acud-form-item-has-feedback :not(.acud-input-group-addon) > .acud-select .acud-select-selection-selected-value {
padding-right: 0;
padding-left: 42px;
}
.acud-form-rtl .acud-form-item-has-feedback .acud-cascader-picker-arrow {
margin-right: 0;
margin-left: 19px;
}
.acud-form-rtl .acud-form-item-has-feedback .acud-cascader-picker-clear {
right: auto;
left: 32px;
}
.acud-form-rtl .acud-form-item-has-feedback .acud-picker {
padding-right: 8px;
padding-left: 23.6px;
}
.acud-form-rtl .acud-form-item-has-feedback .acud-picker-large {
padding-right: 12px;
padding-left: 27.6px;
}
.acud-form-rtl .acud-form-item-has-feedback .acud-picker-small {
padding-right: 4px;
padding-left: 19.6px;
}
.acud-form-rtl .acud-form-item-has-feedback.acud-form-item-has-success .acud-form-item-children-icon,
.acud-form-rtl .acud-form-item-has-feedback.acud-form-item-has-warning .acud-form-item-children-icon,
.acud-form-rtl .acud-form-item-has-feedback.acud-form-item-has-error .acud-form-item-children-icon,
.acud-form-rtl .acud-form-item-has-feedback.acud-form-item-is-validating .acud-form-item-children-icon {
right: auto;
left: 0;
}
.acud-form-rtl.acud-form-inline .acud-form-item {
margin-right: 0;
margin-left: 16px;
}
body.locale-en .acud-form .acud-form-item .acud-form-item-label-ellipsed {
display: inline-block;
}
body.locale-en .acud-form .acud-form-item .acud-form-item-label {
padding-top: 8px;
line-height: normal;
}
body.locale-en .acud-form .acud-form-item .acud-form-item-label > label {
height: auto;
line-height: 16px;
}
body.locale-en .acud-form .acud-form-item .acud-form-item-label > label::before {
position: absolute;
top: 4px;
}
body.locale-en .acud-form .acud-form-item .acud-form-item-label > label::after {
display: none;
}
body.locale-en .acud-form .acud-form-item .acud-form-item-label > label.acud-form-item-no-colon::after {
display: none;
}
body.locale-en .acud-form .acud-form-item .acud-form-item-label > label.acud-form-item-no-colon .acud-form-item-label-content-opt-not-ellipsed::before {
display: none;
}
body.locale-en .acud-form .acud-form-item .acud-form-item-label > label .acudicon-outlined-question-circle::before {
display: none;
}
body.locale-en .acud-form .acud-form-item .acud-form-item-label .acud-form-item-label-content {
display: -webkit-box;
max-width: 160px;
max-height: 32px;
overflow: hidden;
white-space: normal;
text-align: left;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
body.locale-en .acud-form .acud-form-item .acud-form-item-label .acud-form-item-label-content > * {
display: inline-block;
}
body.locale-en .acud-form .acud-form-item .acud-form-item-label .acud-form-item-label-content .acud-form-item-label-content-opt-ellipsed {
position: absolute;
right: -10px;
bottom: 0;
}
body.locale-en .acud-form .acud-form-item .acud-form-item-label .acud-form-item-label-content .acud-form-item-label-content-opt-ellipsed::after {
display: none;
}
body.locale-en .acud-form .acud-form-item .acud-form-item-label .acud-form-item-label-content .acud-form-item-label-content-opt-not-ellipsed::before {
content: ':';
}
/* color */
/* 默认颜色 */
/* 通用-icon */
/* 标签 */
/* 默认颜色 */
/* 其他颜色 */
/* 通用 */
/* 水平 */
/* 垂直 */
/* 序号水平 */
/* 序号垂直 */
.acud-image {
position: relative;
display: inline-block;
}
.acud-image-img {
width: 100%;
height: auto;
vertical-align: middle;
}
.acud-image-img-placeholder {
background-color: #F7F7F9;
background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTQuNSAyLjVoLTEzQS41LjUgMCAwIDAgMSAzdjEwYS41LjUgMCAwIDAgLjUuNWgxM2EuNS41IDAgMCAwIC41LS41VjNhLjUuNSAwIDAgMC0uNS0uNXpNNS4yODEgNC43NWExIDEgMCAwIDEgMCAyIDEgMSAwIDAgMSAwLTJ6bTguMDMgNi44M2EuMTI3LjEyNyAwIDAgMS0uMDgxLjAzSDIuNzY5YS4xMjUuMTI1IDAgMCAxLS4wOTYtLjIwN2wyLjY2MS0zLjE1NmEuMTI2LjEyNiAwIDAgMSAuMTc3LS4wMTZsLjAxNi4wMTZMNy4wOCAxMC4wOWwyLjQ3LTIuOTNhLjEyNi4xMjYgMCAwIDEgLjE3Ny0uMDE2bC4wMTUuMDE2IDMuNTg4IDQuMjQ0YS4xMjcuMTI3IDAgMCAxLS4wMi4xNzV6IiBmaWxsPSIjOEM4QzhDIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L3N2Zz4=');
background-repeat: no-repeat;
background-position: center center;
background-size: 30%;
}
.acud-image-mask {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: flex;
align-items: center;
justify-content: center;
color: #FFFFFF;
background: rgba(7, 12, 20, 0.5);
cursor: pointer;
opacity: 0;
transition: opacity 0.3s;
}
.acud-image-mask-info {
padding: 0 4px;
font-size: 14px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.acud-image-mask-info .acudicon {
margin-inline-end: 4px;
}
.acud-image-mask:hover {
opacity: 1;
}
.acud-image-placeholder {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.acud-image-preview {
pointer-events: none;
height: 100%;
text-align: center;
}
.acud-image-preview.acud-zoom-enter,
.acud-image-preview.acud-zoom-appear {
transform: none;
opacity: 0;
animation-duration: 0.3s;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.acud-image-preview-mask {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1000;
height: 100%;
background-color: rgba(7, 12, 20, 0.45);
}
.acud-image-preview-mask-hidden {
display: none;
}
.acud-image-preview-wrap {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: auto;
outline: 0;
}
.acud-image-preview-close {
position: fixed;
top: 32px;
right: 32px;
color: #FFFFFF;
display: flex;
justify-content: center;
align-items: center;
background-color: rgba(7, 12, 20, 0.1);
border-radius: 50%;
width: 32px;
height: 32px;
outline: 0;
border: 0;
cursor: pointer;
transition: all 0.3s;
}
.acud-image-preview-body {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: hidden;
}
.acud-image-preview-footer {
position: fixed;
bottom: 32px;
left: 50%;
display: flex;
flex-direction: column;
align-items: center;
color: rgba(255, 255, 255, 0.65);
transform: translateX(-50%);
}
.acud-image-preview-img {
max-width: 100%;
max-height: 100%;
vertical-align: middle;
transform: scale3d(1, 1, 1);
cursor: grab;
transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
pointer-events: auto;
}
.acud-image-preview-img-wrapper {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.acud-image-preview-img-wrapper::before {
display: inline-block;
width: 1px;
height: 50%;
margin-right: -1px;
content: '';
}
.acud-image-preview-moving .acud-image-preview-img {
cursor: grabbing;
}
.acud-image-preview-moving .acud-image-preview-img-wrapper {
transition-duration: 0s;
}
.acud-image-preview-wrap {
z-index: 1080;
}
.acud-image-preview-operations-wrapper {
position: fixed;
top: 0;
right: 0;
z-index: 1081;
width: 100%;
}
.acud-image-preview-operations {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(7, 12, 20, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.6667;
list-style: none;
font-feature-settings: 'tnum';
color: #FFFFFF;
display: flex;
align-items: center;
padding: 0 8px;
background-color: rgba(0, 0, 0, 0.1);
border-radius: 40px;
}
.acud-image-preview-operations-operation {
margin-left: 8px;
padding: 8px;
cursor: pointer;
transition: all 0.3s;
}
.acud-image-preview-operations-operation .acudicon {
font-size: 16px;
}
.acud-image-preview-operations-operation:hover {
background: rgba(7, 12, 20, 0.2);
}
.acud-image-preview-operations-operation-disabled {
color: rgba(255, 255, 255, 0.25);
pointer-events: none;
}
.acud-image-preview-operations-operation:last-of-type {
margin-left: 0;
}
.acud-image-preview-operations-progress {
position: absolute;
left: 50%;
transform: translateX(-50%);
}
.acud-image-preview-operations-icon {
font-size: 16px;
}
.acud-image-preview-switch-left,
.acud-image-preview-switch-right {
position: fixed;
top: 50%;
right: 32px;
z-index: 1081;
display: flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
color: rgba(255, 255, 255, 0.85);
background: rgba(7, 12, 20, 0.1);
border-radius: 50%;
transform: translateY(-50%);
cursor: pointer;
transition: all 0.3s;
pointer-events: auto;
}
.acud-image-preview-switch-left:hover,
.acud-image-preview-switch-right:hover {
background: rgba(7, 12, 20, 0.2);
}
.acud-image-preview-switch-left-disabled,
.acud-image-preview-switch-right-disabled,
.acud-image-preview-switch-left-disabled:hover,
.acud-image-preview-switch-right-disabled:hover {
color: rgba(255, 255, 255, 0.25);
background: rgba(7, 12, 20, 0.1);
cursor: not-allowed;
}
.acud-image-preview-switch-left-disabled > .acudicon,
.acud-image-preview-switch-right-disabled > .acudicon,
.acud-image-preview-switch-left-disabled:hover > .acudicon,
.acud-image-preview-switch-right-disabled:hover > .acudicon {
cursor: not-allowed;
}
.acud-image-preview-switch-left > .acudicon,
.acud-image-preview-switch-right > .acudicon {
font-size: 16px;
}
.acud-image-preview-switch-left {
left: 32px;
}
.acud-image-preview-switch-right {
right: 32px;
}
/* color */
/* 默认颜色 */
/* 通用-icon */
/* 标签 */
/* 默认颜色 */
/* 其他颜色 */
/* 通用 */
/* 水平 */
/* 垂直 */
/* 序号水平 */
/* 序号垂直 */
.acud-imgcrop-modal .acud-imgcrop-container {
position: relative;
width: 100%;
height: 300px;
}
.acud-imgcrop-modal .acud-imgcrop-control {
display: flex;
align-items: center;
width: 60%;
margin-right: auto;
margin-left: auto;
}
.acud-imgcrop-modal .acud-imgcrop-control:first-of-type {
margin-top: 16px;
}
.acud-imgcrop-modal .acud-imgcrop-control:last-of-type {
margin-bottom: -8px;
}
.acud-imgcrop-modal .acud-imgcrop-control button {
display: flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
padding: 0;
font-style: normal;
background: transparent;
border: 0;
outline: 0;
cursor: pointer;
}
.acud-imgcrop-modal .acud-imgcrop-control button[disabled] {
cursor: default;
}
.acud-imgcrop-modal .acud-imgcrop-control button + div:only-of-type {
flex: 1;
margin: 0 8px;
}
.acud-imgcrop-modal .acud-imgcrop-control-zoom button {
font-size: 18px;
}
.acud-imgcrop-modal .acud-imgcrop-control-rotate button {
font-size: 16px;
}
.acud-imgcrop-modal .acud-imgcrop-control-rotate button:first-of-type {
transform: rotate(-20deg);
}
.acud-imgcrop-modal .acud-imgcrop-control-rotate button:last-of-type {
transform: rotate(20deg);
}
/* color */
/* 默认颜色 */
/* 通用-icon */
/* 标签 */
/* 默认颜色 */
/* 其他颜色 */
/* 通用 */
/* 水平 */
/* 垂直 */
/* 序号水平 */
/* 序号垂直 */
.acud-slider {
margin: 0;
padding: 0;
position: relative;
height: 12px;
margin: 10px 6px 10px;
padding: 4px 0;
cursor: pointer;
touch-action: none;
}
.acud-slider-vertical {
width: 12px;
height: 100%;
margin: 6px 10px;
padding: 0 4px;
}
.acud-slider-vertical .acud-slider-rail {
width: 4px;
height: 100%;
}
.acud-slider-vertical .acud-slider-track {
width: 4px;
}
.acud-slider-vertical .acud-slider-handle {
margin-top: -6px;
margin-left: -5px;
}
.acud-slider-vertical .acud-slider-mark {
top: 0;
left: 12px;
width: 18px;
height: 100%;
}
.acud-slider-vertical .acud-slider-mark-text {
left: 4px;
white-space: nowrap;
}
.acud-slider-vertical .acud-slider-step {
width: 4px;
height: 100%;
}
.acud-slider-vertical .acud-slider-dot {
top: auto;
left: 2px;
margin-bottom: -4px;
}
.acud-slider-tooltip .acud-tooltip-inner {
min-width: unset;
}
.acud-slider-with-marks {
margin-bottom: 28px;
}
.acud-slider-rail {
color: #2468F2;
background-color: #E8E9EB;
border-color: transparent;
position: absolute;
width: 100%;
height: 4px;
border-radius: 2px;
transition: background-color 0.3s;
}
.acud-slider-rail:hover {
color: #2468F2;
}
.acud-slider-rail:focus,
.acud-slider-rail:active {
color: #2468F2;
}
.acud-slider-rail[disabled],
.acud-slider-rail[aria-disabled="true"],
.acud-slider-rail[disabled]:hover,
.acud-slider-rail[aria-disabled="true"]:hover,
.acud-slider-rail[disabled]:focus,
.acud-slider-rail[aria-disabled="true"]:focus,
.acud-slider-rail[disabled]:active,
.acud-slider-rail[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-slider-rail:hover {
background-color: #E8E9EB;
}
.acud-slider-rail:focus,
.acud-slider-rail:active {
background-color: #E8E9EB;
}
.acud-slider-rail[disabled],
.acud-slider-rail[aria-disabled="true"],
.acud-slider-rail[disabled]:hover,
.acud-slider-rail[aria-disabled="true"]:hover,
.acud-slider-rail[disabled]:focus,
.acud-slider-rail[aria-disabled="true"]:focus,
.acud-slider-rail[disabled]:active,
.acud-slider-rail[aria-disabled="true"]:active {
background-color: #E8E9EB;
}
.acud-slider-rail:hover {
border-color: transparent;
}
.acud-slider-rail:focus,
.acud-slider-rail:active {
border-color: transparent;
}
.acud-slider-rail[disabled],
.acud-slider-rail[aria-disabled="true"],
.acud-slider-rail[disabled]:hover,
.acud-slider-rail[aria-disabled="true"]:hover,
.acud-slider-rail[disabled]:focus,
.acud-slider-rail[aria-disabled="true"]:focus,
.acud-slider-rail[disabled]:active,
.acud-slider-rail[aria-disabled="true"]:active {
border-color: transparent;
}
.acud-slider-track {
color: #2468F2;
background-color: #2468F2;
border-color: transparent;
position: absolute;
height: 4px;
border-radius: 2px;
transition: background-color 0.3s;
}
.acud-slider-track:hover {
color: #2468F2;
}
.acud-slider-track:focus,
.acud-slider-track:active {
color: #2468F2;
}
.acud-slider-track[disabled],
.acud-slider-track[aria-disabled="true"],
.acud-slider-track[disabled]:hover,
.acud-slider-track[aria-disabled="true"]:hover,
.acud-slider-track[disabled]:focus,
.acud-slider-track[aria-disabled="true"]:focus,
.acud-slider-track[disabled]:active,
.acud-slider-track[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-slider-track:hover {
background-color: #144BCC;
}
.acud-slider-track:focus,
.acud-slider-track:active {
background-color: #144BCC;
}
.acud-slider-track[disabled],
.acud-slider-track[aria-disabled="true"],
.acud-slider-track[disabled]:hover,
.acud-slider-track[aria-disabled="true"]:hover,
.acud-slider-track[disabled]:focus,
.acud-slider-track[aria-disabled="true"]:focus,
.acud-slider-track[disabled]:active,
.acud-slider-track[aria-disabled="true"]:active {
background-color: #D4E5FF;
}
.acud-slider-track:hover {
border-color: transparent;
}
.acud-slider-track:focus,
.acud-slider-track:active {
border-color: transparent;
}
.acud-slider-track[disabled],
.acud-slider-track[aria-disabled="true"],
.acud-slider-track[disabled]:hover,
.acud-slider-track[aria-disabled="true"]:hover,
.acud-slider-track[disabled]:focus,
.acud-slider-track[aria-disabled="true"]:focus,
.acud-slider-track[disabled]:active,
.acud-slider-track[aria-disabled="true"]:active {
border-color: transparent;
}
.acud-slider-handle {
color: #5C5F66;
background-color: #FFFFFF;
border-color: #2468F2;
box-shadow: 0px 2px 8px 0px rgba(7, 12, 20, 0.12);
position: absolute;
display: flex;
align-items: center;
justify-content: center;
width: 16px;
height: 16px;
margin-top: -6px;
border-radius: 50%;
border-width: 1px;
border-style: solid;
cursor: pointer;
transition: border-color 0.3s, box-shadow 0.6s, transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
}
.acud-slider-handle:hover {
color: #5C5F66;
}
.acud-slider-handle:focus,
.acud-slider-handle:active {
color: #5C5F66;
}
.acud-slider-handle[disabled],
.acud-slider-handle[aria-disabled="true"],
.acud-slider-handle[disabled]:hover,
.acud-slider-handle[aria-disabled="true"]:hover,
.acud-slider-handle[disabled]:focus,
.acud-slider-handle[aria-disabled="true"]:focus,
.acud-slider-handle[disabled]:active,
.acud-slider-handle[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-slider-handle:hover {
background-color: #FFFFFF;
}
.acud-slider-handle:focus,
.acud-slider-handle:active {
background-color: #FFFFFF;
}
.acud-slider-handle[disabled],
.acud-slider-handle[aria-disabled="true"],
.acud-slider-handle[disabled]:hover,
.acud-slider-handle[aria-disabled="true"]:hover,
.acud-slider-handle[disabled]:focus,
.acud-slider-handle[aria-disabled="true"]:focus,
.acud-slider-handle[disabled]:active,
.acud-slider-handle[aria-disabled="true"]:active {
background-color: #FFFFFF;
}
.acud-slider-handle:hover {
border-color: #2468F2;
}
.acud-slider-handle:focus,
.acud-slider-handle:active {
border-color: #2468F2;
}
.acud-slider-handle[disabled],
.acud-slider-handle[aria-disabled="true"],
.acud-slider-handle[disabled]:hover,
.acud-slider-handle[aria-disabled="true"]:hover,
.acud-slider-handle[disabled]:focus,
.acud-slider-handle[aria-disabled="true"]:focus,
.acud-slider-handle[disabled]:active,
.acud-slider-handle[aria-disabled="true"]:active {
border-color: #D4D6D9;
}
.acud-slider-handle:hover {
box-shadow: 0px 2px 8px 0px rgba(7, 12, 20, 0.12);
}
.acud-slider-handle:focus,
.acud-slider-handle:active {
box-shadow: 0px 2px 8px 0px rgba(7, 12, 20, 0.12);
}
.acud-slider-handle .acudicon {
margin: 2px 0 0 0;
color: #d5e6ff;
}
.acud-slider:not(.acud-slider-disabled) .acud-slider-handle:focus,
.acud-slider:not(.acud-slider-disabled) .acud-slider-handle:hover {
width: 20px;
height: 20px;
margin-top: -8px;
border-width: 1px;
outline: none;
}
.acud-slider:not(.acud-slider-disabled) .acud-slider-handle:focus {
border-width: 2px;
}
.acud-slider-mark {
position: absolute;
top: 14px;
left: 0;
width: 100%;
font-size: 12px;
}
.acud-slider-mark-text {
position: absolute;
display: inline-block;
color: #B8BABF;
text-align: center;
word-break: keep-all;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.acud-slider-mark-text:first-child {
transform: translateX(0) !important;
}
.acud-slider-mark-text:last-child {
transform: translateX(-100%) !important;
}
.acud-slider-step {
position: absolute;
width: 100%;
height: 4px;
background: transparent;
}
.acud-slider-dot {
position: absolute;
top: 0;
width: 4px;
height: 4px;
margin-left: -4px;
border-radius: 50%;
cursor: pointer;
background-color: #fff;
}
.acud-slider-dot:first-child {
margin-left: -4px;
}
.acud-slider-dot:last-child {
margin-left: -4px;
}
.acud-slider-disabled {
cursor: not-allowed;
}
.acud-slider-disabled .acud-slider-track {
background-color: #B8BABF;
}
.acud-slider-disabled .acud-slider-handle,
.acud-slider-disabled .acud-slider-dot {
box-shadow: none;
cursor: not-allowed;
border-color: #D4D6D9;
}
.acud-slider-disabled .acud-slider-mark-text,
.acud-slider-disabled .acud-slider-dot {
cursor: not-allowed !important;
}
.acud-slider-tooltip .acud-tooltip-inner {
color: #fff;
background-color: rgba(7, 12, 20, 0.85);
}
.acud-slider-tooltip .acud-tooltip-arrow-content {
background-color: rgba(7, 12, 20, 0.85);
}
/* color */
/* 默认颜色 */
/* 通用-icon */
/* 标签 */
/* 默认颜色 */
/* 其他颜色 */
/* 通用 */
/* 水平 */
/* 垂直 */
/* 序号水平 */
/* 序号垂直 */
.acud-input-number {
margin: 0;
padding: 0;
width: 100%;
outline: none;
display: flex;
position: relative;
align-items: center;
box-sizing: border-box;
font-weight: 400;
border-width: 1px;
border-style: solid;
overflow: hidden;
display: inline-block;
width: 84px;
border: 1px solid #E8E9EB;
border-radius: 4px;
font-size: 12px;
height: 32px;
line-height: 32px;
}
.acud-input-number input {
min-width: 0;
padding: 0 12px;
border: none;
height: 100%;
flex-grow: 1;
color: inherit;
font-size: 12px;
}
.acud-input-number input:-webkit-autofill {
box-shadow: 0 0 0px 1000px white inset !important;
}
.acud-input-number input:focus {
outline: none;
}
.acud-input-number-prefix {
display: flex;
padding: 0 8px 0 0;
}
.acud-input-number-suffix {
display: flex;
padding: 0 0 0 4px;
word-break: keep-all;
}
.acud-input-number-prefix,
.acud-input-number-suffix {
color: #84868C;
}
.acud-input-number-prefix:hover,
.acud-input-number-suffix:hover {
color: #84868C;
}
.acud-input-number-prefix:focus,
.acud-input-number-suffix:focus,
.acud-input-number-prefix:active,
.acud-input-number-suffix:active {
color: #84868C;
}
.acud-input-number-prefix[disabled],
.acud-input-number-suffix[disabled],
.acud-input-number-prefix[aria-disabled="true"],
.acud-input-number-suffix[aria-disabled="true"],
.acud-input-number-prefix[disabled]:hover,
.acud-input-number-suffix[disabled]:hover,
.acud-input-number-prefix[aria-disabled="true"]:hover,
.acud-input-number-suffix[aria-disabled="true"]:hover,
.acud-input-number-prefix[disabled]:focus,
.acud-input-number-suffix[disabled]:focus,
.acud-input-number-prefix[aria-disabled="true"]:focus,
.acud-input-number-suffix[aria-disabled="true"]:focus,
.acud-input-number-prefix[disabled]:active,
.acud-input-number-suffix[disabled]:active,
.acud-input-number-prefix[aria-disabled="true"]:active,
.acud-input-number-suffix[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-input-number-lg {
font-size: 14px;
height: 40px;
line-height: 40px;
border-radius: 4px;
}
.acud-input-number-lg input {
font-size: 14px;
}
.acud-input-number-sm {
font-size: 12px;
height: 24px;
line-height: 24px;
border-radius: 2px;
}
.acud-input-number-sm input {
padding: 0 8px;
}
.acud-input-number-sm input input {
font-size: 12px;
}
.acud-input-number-has-prefix input {
padding: 0;
}
.acud-input-number-has-prefix {
padding-left: 12px;
}
.acud-input-number-has-addon-before {
padding-left: 0;
}
.acud-input-number-has-suffix {
padding-right: 12px;
}
.acud-input-number-has-addon-after {
padding-right: 0;
}
.acud-input-number-has-prefix.acud-input-number-sm {
padding-right: 8px;
padding-left: 8px;
}
.acud-input-number-has-prefix.acud-input-number-sm input {
padding: 0px;
}
.acud-input-number-has-suffix.acud-input-number-sm {
padding-right: 8px;
padding-left: 8px;
}
.acud-input-number-has-suffix.acud-input-number-sm input {
padding: 0px;
}
.acud-input-number-has-suffix .acud-input-clear-wrapper {
margin-right: 0px;
}
.acud-input-number-has-limit .acud-input-clear-wrapper {
margin-right: 0px;
}
.acud-input-number-has-addon-before .acud-input-addon {
margin-left: -1px;
}
.acud-input-number-has-addon-before input {
padding: 0 8px 0 12px;
}
.acud-input-number-has-addon-after .acud-input-addon {
margin-right: -1px;
}
.acud-input-number-has-addon-after input {
padding: 0 8px 0 12px;
}
.acud-input-number-has-addon-before.acud-input-number-has-addon-after input {
padding: 0 8px 0 12px;
}
.acud-input-number-addonOnlyText {
padding: 0 12px 0 12px;
color: #151B26;
background-color: #F7F7F9;
border-color: transparent;
}
.acud-input-number-addonOnlyText:hover {
color: #151B26;
}
.acud-input-number-addonOnlyText:focus,
.acud-input-number-addonOnlyText:active {
color: #151B26;
}
.acud-input-number-addonOnlyText[disabled],
.acud-input-number-addonOnlyText[aria-disabled="true"],
.acud-input-number-addonOnlyText[disabled]:hover,
.acud-input-number-addonOnlyText[aria-disabled="true"]:hover,
.acud-input-number-addonOnlyText[disabled]:focus,
.acud-input-number-addonOnlyText[aria-disabled="true"]:focus,
.acud-input-number-addonOnlyText[disabled]:active,
.acud-input-number-addonOnlyText[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-input-number-addonOnlyText:hover {
background-color: #F2F2F4;
}
.acud-input-number-addonOnlyText:focus,
.acud-input-number-addonOnlyText:active {
background-color: #F2F2F4;
}
.acud-input-number-addonOnlyText[disabled],
.acud-input-number-addonOnlyText[aria-disabled="true"],
.acud-input-number-addonOnlyText[disabled]:hover,
.acud-input-number-addonOnlyText[aria-disabled="true"]:hover,
.acud-input-number-addonOnlyText[disabled]:focus,
.acud-input-number-addonOnlyText[aria-disabled="true"]:focus,
.acud-input-number-addonOnlyText[disabled]:active,
.acud-input-number-addonOnlyText[aria-disabled="true"]:active {
background-color: #F2F2F4;
}
.acud-input-number-addonOnlyText:hover {
border-color: transparent;
}
.acud-input-number-addonOnlyText:focus,
.acud-input-number-addonOnlyText:active {
border-color: transparent;
}
.acud-input-number-addonOnlyText[disabled],
.acud-input-number-addonOnlyText[aria-disabled="true"],
.acud-input-number-addonOnlyText[disabled]:hover,
.acud-input-number-addonOnlyText[aria-disabled="true"]:hover,
.acud-input-number-addonOnlyText[disabled]:focus,
.acud-input-number-addonOnlyText[aria-disabled="true"]:focus,
.acud-input-number-addonOnlyText[disabled]:active,
.acud-input-number-addonOnlyText[aria-disabled="true"]:active {
border-color: transparent;
}
.acud-input-number-addon {
height: 100%;
display: flex;
align-items: center;
overflow: hidden;
}
.acud-input-number input {
color: #151B26;
}
.acud-input-number-handler {
position: relative;
display: block;
width: 100%;
height: 50%;
overflow: hidden;
color: #84868C;
font-weight: bold;
line-height: 0;
text-align: center;
transition: all 0.1s linear;
}
.acud-input-number-handler:hover .acud-input-number-handler-up-inner,
.acud-input-number-handler:hover .acud-input-number-handler-down-inner {
color: #2468F2;
}
.acud-input-number .acudicon {
display: flex;
align-items: center;
justify-content: center;
}
.acud-input-number-handler-up-inner,
.acud-input-number-handler-down-inner {
display: inline-block;
font-style: normal;
line-height: 0;
text-align: center;
text-transform: none;
vertical-align: -0.125em;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
right: 4px;
width: 16px;
height: 100%;
color: #84868C;
line-height: 100%;
transition: all 0.1s linear;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.acud-input-number-handler-up-inner > *,
.acud-input-number-handler-down-inner > * {
line-height: 1;
}
.acud-input-number-handler-up-inner svg,
.acud-input-number-handler-down-inner svg {
display: inline-block;
}
.acud-input-number-handler-up-inner::before,
.acud-input-number-handler-down-inner::before {
display: none;
}
.acud-input-number-handler-up-inner .acud-input-number-handler-up-inner-icon,
.acud-input-number-handler-up-inner .acud-input-number-handler-down-inner-icon,
.acud-input-number-handler-down-inner .acud-input-number-handler-up-inner-icon,
.acud-input-number-handler-down-inner .acud-input-number-handler-down-inner-icon {
display: block;
}
.acud-input-number:hover,
.acud-input-number-focused {
border-color: #2468F2;
border-right-width: 1px !important;
}
.acud-input-number-disabled {
color: #5C5F66;
background-color: #F7F7F9;
border-color: #E8E9EB;
cursor: not-allowed;
opacity: 1;
}
.acud-input-number-disabled:hover {
border-color: #E8E9EB;
border-right-width: 1px !important;
}
.acud-input-number-disabled .acud-input-number-input {
cursor: not-allowed;
}
.acud-input-number-disabled .acud-input-number-handler-wrap {
display: none;
}
.acud-input-number-disabled .acud-input-number-input {
color: #5C5F66;
}
.acud-input-number-disabled .acud-input-number-handler:hover .acud-input-number-handler-up-inner,
.acud-input-number-disabled .acud-input-number-handler:hover .acud-input-number-handler-down-inner {
color: #B8BABF;
}
.acud-input-number-readonly .acud-input-number-handler-wrap {
display: none;
}
.acud-input-number-input {
width: calc(100% - 6 * 4px);
height: 30px;
padding: 0 11px;
text-align: left;
color: #151B26;
background-color: transparent;
border: 0;
border-radius: 4px;
outline: 0;
transition: all 0.3s linear;
-moz-appearance: textfield !important;
}
.acud-input-number-input::-moz-placeholder {
opacity: 1;
}
.acud-input-number-input::placeholder {
color: #D4D6D9;
}
.acud-input-number-input:-moz-placeholder {
text-overflow: ellipsis;
}
.acud-input-number-input:placeholder-shown {
text-overflow: ellipsis;
}
.acud-input-number-input[type='number']::-webkit-inner-spin-button,
.acud-input-number-input[type='number']::-webkit-outer-spin-button {
margin: 0;
-webkit-appearance: none;
}
.acud-input-number > * {
line-height: 30px;
}
.acud-input-number-lg {
font-size: 14px;
height: 40px;
line-height: 40px;
}
.acud-input-number-lg > * {
line-height: 38px;
}
.acud-input-number-sm {
font-size: 12px;
height: 24px;
line-height: 24px;
}
.acud-input-number-sm > * {
line-height: 22px;
}
.acud-input-number-md {
font-size: 12px;
height: 32px;
line-height: 32px;
}
.acud-input-number-md > * {
line-height: 30px;
}
.acud-input-number-handler-wrap {
display: block;
position: absolute;
top: 0;
right: 0;
width: 24px;
height: 100%;
background: #FFFFFF;
opacity: 0;
border-left: 1px solid #E8E9EB;
border-radius: 0 4px 4px 0;
}
.acud-input-number-handler-wrap .acud-input-number-handler .acud-input-number-handler-up-inner,
.acud-input-number-handler-wrap .acud-input-number-handler .acud-input-number-handler-down-inner {
min-width: auto;
margin-right: 0;
font-size: 16px;
text-align: center;
}
.acud-input-number-borderless .acud-input-number-handler-wrap {
border-left-width: 0;
}
.acud-input-number:hover .acud-input-number-handler-wrap,
.acud-input-number-focused .acud-input-number-handler-wrap {
opacity: 1;
}
.acud-input-number-handler-up {
cursor: pointer;
}
.acud-input-number-handler-down {
top: 0;
cursor: pointer;
}
.acud-input-number-borderless .acud-input-number-handler-down {
border-top-width: 0;
}
.acud-input-number-handler-up-disabled,
.acud-input-number-handler-down-disabled {
cursor: not-allowed;
}
.acud-input-number-borderless {
box-shadow: none;
}
.acud-input-number-wrapper {
display: inline-block;
line-height: 1;
}
.acud-input-number-warning {
background-color: #FFFFFF;
border-color: #F33E3E;
}
.acud-input-number-warning:hover {
background-color: #FFFFFF;
}
.acud-input-number-warning:focus,
.acud-input-number-warning:active {
background-color: #FFFFFF;
}
.acud-input-number-warning[disabled],
.acud-input-number-warning[aria-disabled="true"],
.acud-input-number-warning[disabled]:hover,
.acud-input-number-warning[aria-disabled="true"]:hover,
.acud-input-number-warning[disabled]:focus,
.acud-input-number-warning[aria-disabled="true"]:focus,
.acud-input-number-warning[disabled]:active,
.acud-input-number-warning[aria-disabled="true"]:active {
background-color: #FFFFFF;
}
.acud-input-number-warning:hover {
border-color: #F33E3E;
}
.acud-input-number-warning:focus,
.acud-input-number-warning:active {
border-color: #F33E3E;
}
.acud-input-number-warning[disabled],
.acud-input-number-warning[aria-disabled="true"],
.acud-input-number-warning[disabled]:hover,
.acud-input-number-warning[aria-disabled="true"]:hover,
.acud-input-number-warning[disabled]:focus,
.acud-input-number-warning[aria-disabled="true"]:focus,
.acud-input-number-warning[disabled]:active,
.acud-input-number-warning[aria-disabled="true"]:active {
border-color: #F33E3E;
}
.acud-input-number-warning-text {
line-height: 1;
font-size: 12px;
margin-bottom: 0;
margin-top: 4px;
color: #F33E3E;
}
.acud-input-number-warning-popover-text {
color: #F33E3E;
}
.acud-input-number-symmetry {
width: 128px;
}
.acud-input-number-symmetry .acud-input-number-handler {
position: absolute;
width: 32px;
height: 100%;
font-size: 16px;
}
.acud-input-number-symmetry .acud-input-number-handler-up-inner,
.acud-input-number-symmetry .acud-input-number-handler-down-inner {
right: 0;
width: 32px;
}
.acud-input-number-symmetry .acud-input-number-handler-up {
right: 0;
border-left: 1px solid #E8E9EB;
}
.acud-input-number-symmetry .acud-input-number-handler-down {
left: 0;
border-right: 1px solid #E8E9EB;
}
.acud-input-number-symmetry .acud-input-number-input {
position: relative;
left: 24px;
width: calc(100% - 12 * 4px);
text-align: center;
}
.acud-input-number-rtl {
direction: rtl;
}
.acud-input-number-rtl .acud-input-number-handler-wrap {
right: auto;
left: 0;
border-right: 1px solid #E8E9EB;
border-left: 0;
border-radius: 0px 0 0 0px;
}
.acud-input-number-rtl.acud-input-number-borderless .acud-input-number-handler-wrap {
border-right-width: 0;
}
.acud-input-number-rtl .acud-input-number-input {
direction: ltr;
text-align: right;
}
/* color */
/* 默认颜色 */
/* 通用-icon */
/* 标签 */
/* 默认颜色 */
/* 其他颜色 */
/* 通用 */
/* 水平 */
/* 垂直 */
/* 序号水平 */
/* 序号垂直 */
.acud-layout {
display: flex;
flex: auto;
flex-direction: column;
/* fix firefox can't set height smaller than content on flex item */
min-height: 0;
background: #f0f2f5;
}
.acud-layout,
.acud-layout * {
box-sizing: border-box;
}
.acud-layout.acud-layout-has-sider {
flex-direction: row;
}
.acud-layout.acud-layout-has-sider > .acud-layout,
.acud-layout.acud-layout-has-sider > .acud-layout-content {
width: 0;
}
.acud-layout-header,
.acud-layout-footer {
flex: 0 0 auto;
}
.acud-layout-header {
height: 64px;
padding: 0 50px;
color: #151B26;
line-height: 64px;
background: #001529;
}
.acud-layout-footer {
padding: 24px 50px;
color: #151B26;
font-size: 12px;
background: #f0f2f5;
}
.acud-layout-content {
flex: auto;
/* fix firefox can't set height smaller than content on flex item */
min-height: 0;
}
.acud-layout-sider {
position: relative;
/* fix firefox can't set width smaller than content on flex item */
min-width: 0;
background: #001529;
transition: all 0.2s;
}
.acud-layout-sider-children {
height: 100%;
margin-top: -0.1px;
padding-top: 0.1px;
}
.acud-layout-sider-children .acud-menu.acud-menu-inline-collapsed {
width: auto;
}
.acud-layout-sider-has-trigger {
padding-bottom: 48px;
}
.acud-layout-sider-right {
order: 1;
}
.acud-layout-sider-trigger {
position: fixed;
bottom: 0;
z-index: 1;
height: 48px;
color: #fff;
line-height: 48px;
text-align: center;
background: #002140;
cursor: pointer;
transition: all 0.2s;
}
.acud-layout-sider-zero-width > * {
overflow: hidden;
}
.acud-layout-sider-zero-width-trigger {
position: absolute;
top: 64px;
right: -36px;
z-index: 1;
width: 36px;
height: 42px;
color: #fff;
font-size: 18px;
line-height: 42px;
text-align: center;
background: #001529;
border-radius: 0 0px 0px 0;
cursor: pointer;
transition: background 0.3s ease;
}
.acud-layout-sider-zero-width-trigger::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
transition: all 0.3s;
content: '';
}
.acud-layout-sider-zero-width-trigger:hover::after {
background: rgba(255, 255, 255, 0.1);
}
.acud-layout-sider-zero-width-trigger-right {
left: -36px;
border-radius: 0px 0 0 0px;
}
/* color */
/* 默认颜色 */
/* 通用-icon */
/* 标签 */
/* 默认颜色 */
/* 其他颜色 */
/* 通用 */
/* 水平 */
/* 垂直 */
/* 序号水平 */
/* 序号垂直 */
.acud-link {
font-size: 14px;
font-weight: 400;
cursor: pointer;
}
.acud-link-small {
font-size: 12px;
}
.acud-link-medium {
font-size: 14px;
}
.acud-link-default {
color: #2468F2;
}
.acud-link-default:hover {
color: #528EFF;
}
.acud-link-default:focus,
.acud-link-default:active {
color: #144BCC;
}
.acud-link-default[disabled],
.acud-link-default[aria-disabled="true"],
.acud-link-default[disabled]:hover,
.acud-link-default[aria-disabled="true"]:hover,
.acud-link-default[disabled]:focus,
.acud-link-default[aria-disabled="true"]:focus,
.acud-link-default[disabled]:active,
.acud-link-default[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-link-primary {
color: #151B26;
}
.acud-link-primary:hover {
color: #2468F2;
}
.acud-link-primary:focus,
.acud-link-primary:active {
color: #144BCC;
}
.acud-link-primary[disabled],
.acud-link-primary[aria-disabled="true"],
.acud-link-primary[disabled]:hover,
.acud-link-primary[aria-disabled="true"]:hover,
.acud-link-primary[disabled]:focus,
.acud-link-primary[aria-disabled="true"]:focus,
.acud-link-primary[disabled]:active,
.acud-link-primary[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-link-disabled {
cursor: not-allowed;
color: #B8BABF;
}
.acud-link-disabled:hover {
color: #B8BABF;
}
.acud-link-disabled:focus,
.acud-link-disabled:active {
color: #B8BABF;
}
.acud-link-disabled[disabled],
.acud-link-disabled[aria-disabled="true"],
.acud-link-disabled[disabled]:hover,
.acud-link-disabled[aria-disabled="true"]:hover,
.acud-link-disabled[disabled]:focus,
.acud-link-disabled[aria-disabled="true"]:focus,
.acud-link-disabled[disabled]:active,
.acud-link-disabled[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-link-icon {
font-size: 12px;
}
.acud-link-icon > .acudicon {
margin-right: 4px;
}
/* color */
/* 默认颜色 */
/* 通用-icon */
/* 标签 */
/* 默认颜色 */
/* 其他颜色 */
/* 通用 */
/* 水平 */
/* 垂直 */
/* 序号水平 */
/* 序号垂直 */
.acud-loading-loading-wrapper {
position: relative;
}
.acud-loading-children {
filter: blur(1px);
}
.acud-loading-loading-context {
font-size: 12px;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
justify-content: center;
align-items: center;
color: #2468F2;
background-color: rgba(255, 255, 255, 0.9);
}
.acud-loading-zIndex {
z-index: 9;
}
.acud-loading-bottom {
flex-direction: column;
}
.acud-loading-default {
background-size: cover;
width: 48px;
height: 48px;
}
.acud-loading-lg {
width: 64px;
height: 64px;
}
.acud-loading-sm {
width: 32px;
height: 32px;
}
.acud-loading-tip {
margin-top: 12px;
}
.acud-loading-tip-right {
margin-left: 12px;
margin-top: 0;
}
.acud-loading-begin {
fill: #2468f2;
stroke: #2468f2;
}
.acud-loading-begin .circle1 {
animation: circle1 1.8s ease infinite;
}
.acud-loading-begin .circle2 {
animation: circle2 1.8s ease infinite;
}
.acud-loading-begin .circle3 {
animation: circle3 1.8s ease infinite;
}
.acud-loading-begin .circle4 {
animation: circle4 1.8s ease infinite;
}
.acud-loading-begin .circle5 {
animation: circle5 1.8s ease infinite;
}
.acud-loading-begin .circle6 {
animation: circle6 1.8s ease infinite;
}
.acud-loading-begin .frame {
stroke-dashoffset: 900;
stroke-dasharray: 900 2440;
animation: frame 1.8s ease infinite;
}
@keyframes circle1 {
0% {
transform: translate3d(0%, 40%, 0);
}
30% {
transform: translate3d(0%, 0%, 0);
}
70% {
transform: translate3d(0%, 0%, 0);
}
100% {
transform: translate3d(0%, 40%, 0);
}
}
@keyframes circle2 {
0% {
transform: translate3d(-35%, 20%, 0);
}
30% {
transform: translate3d(0%, 0%, 0);
}
70% {
transform: translate3d(0%, 0%, 0);
}
100% {
transform: translate3d(-35%, 20%, 0);
}
}
@keyframes circle3 {
0% {
transform: translate3d(-35%, -20%, 0);
}
30% {
transform: translate3d(0%, 0%, 0);
}
70% {
transform: translate3d(0%, 0%, 0);
}
100% {
transform: translate3d(-35%, -20%, 0);
}
}
@keyframes circle4 {
0% {
transform: translate3d(0%, -40%, 0);
}
30% {
transform: translate3d(0%, 0%, 0);
}
70% {
transform: translate3d(0%, 0%, 0);
}
100% {
transform: translate3d(0%, -40%, 0);
}
}
@keyframes circle5 {
0% {
transform: translate3d(35%, -20%, 0);
}
30% {
transform: translate3d(0%, 0%, 0);
}
70% {
transform: translate3d(0%, 0%, 0);
}
100% {
transform: translate3d(35%, -20%, 0);
}
}
@keyframes circle6 {
0% {
transform: translate3d(35%, 20%, 0);
}
30% {
transform: translate3d(0%, 0%, 0);
}
70% {
transform: translate3d(0%, 0%, 0);
}
100% {
transform: translate3d(35%, 20%, 0);
}
}
@keyframes frame {
24.99% {
stroke-dashoffset: 900;
}
25% {
stroke-dashoffset: 900;
}
75% {
stroke-dashoffset: -2440;
}
75.01% {
stroke-dashoffset: 900;
}
}
/* color */
/* 默认颜色 */
/* 通用-icon */
/* 标签 */
/* 默认颜色 */
/* 其他颜色 */
/* 通用 */
/* 水平 */
/* 垂直 */
/* 序号水平 */
/* 序号垂直 */
.acud-modal {
margin: 0;
padding: 0;
pointer-events: none;
position: relative;
left: auto;
top: auto;
transform: translate(0);
width: auto;
max-width: calc(100vw - 32px);
}
.acud-modal.zoom-enter,
.acud-modal.zoom-appear {
transform: none;
opacity: 0;
animation-duration: 0.3s;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.acud-modal-mask {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1000;
height: 100%;
background-color: rgba(7, 12, 20, 0.5);
}
.acud-modal-mask-hidden {
display: none;
}
.acud-modal-wrap {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: auto;
outline: 0;
display: flex;
justify-content: center;
align-items: center;
-webkit-overflow-scrolling: touch;
z-index: 1000;
}
.acud-modal-sm {
width: 520px;
min-height: 240px;
max-height: 560px;
}
.acud-modal-sm > .acud-modal-content {
width: 100%;
min-height: 240px;
max-height: 560px;
}
.acud-modal-md {
width: 800px;
min-height: 400px;
max-height: 560px;
}
.acud-modal-md > .acud-modal-content {
width: 100%;
min-height: 400px;
max-height: 560px;
}
.acud-modal-lg {
width: 1120px;
min-height: 480px;
max-height: 560px;
}
.acud-modal-lg > .acud-modal-content {
width: 100%;
min-height: 480px;
max-height: 560px;
}
.acud-modal-xl {
width: 1200px;
min-height: 480px;
max-height: 560px;
}
.acud-modal-xl > .acud-modal-content {
width: 100%;
min-height: 480px;
max-height: 560px;
}
.acud-modal-content {
position: relative;
background-color: #FFFFFF;
background-clip: padding-box;
border: 0;
border-radius: 0px;
box-shadow: 0px 4px 12px 1px rgba(7, 12, 20, 0.12);
pointer-events: auto;
border-radius: 6px;
overflow: hidden;
height: 100%;
display: flex;
flex-direction: column;
}
.acud-modal-header {
padding: 24px 24px 0;
color: #151B26;
font-weight: 500;
flex: none;
}
.acud-modal-close {
position: absolute;
top: 0;
right: 24px;
color: #84868C;
line-height: 1;
text-decoration: none;
background: transparent;
border: 0;
outline: 0;
cursor: pointer;
transition: color 0.3s;
}
.acud-modal-close-x {
display: block;
margin-top: 27px;
font-size: 16px;
text-align: center;
text-transform: none;
text-rendering: auto;
font-weight: 700;
}
.acud-modal-close:focus,
.acud-modal-close:hover {
color: #303540;
text-decoration: none;
font-weight: 900;
}
.acud-modal-title {
font-size: 16px;
line-height: 22px;
padding-right: 12px;
word-wrap: break-word;
}
.acud-modal-body {
margin: 16px 24px 24px;
font-size: 12px;
font-weight: 400;
line-height: 20px;
word-wrap: break-word;
color: #151B26;
flex: 1;
overflow-y: auto;
}
.acud-modal-footer {
padding: 0 24px 24px;
background: #FFFFFF;
text-align: right;
flex: none;
display: flex;
align-items: center;
justify-content: flex-end;
}
.acud-modal-footer .acud-btn {
margin: 0;
}
.acud-modal-footer .acud-btn + .acud-btn {
margin-left: 12px;
}
.acud-modal-dialogbox {
width: 400px;
height: auto;
min-height: 184px;
}
.acud-modal-dialogbox-icon {
height: 100%;
margin-right: 12px;
float: left;
display: flex;
align-items: center;
padding-top: 2px;
}
.acud-modal-dialogbox-title {
overflow: hidden;
padding-right: 12px;
}
.acud-modal-dialogbox-content {
width: 100%;
padding-left: 32px;
}
.acud-modal-dialogbox .acud-modal-title .acudicon {
font-size: 20px;
}
.acud-modal-dialogbox > .acud-modal-content {
min-height: 184px;
}
.acud-modal-dialogbox-warning .acud-modal-dialogbox-icon {
color: #FF9326;
}
.acud-modal-dialogbox-info .acud-modal-dialogbox-icon {
color: #2468F2;
}
.acud-modal-dialogbox-success .acud-modal-dialogbox-icon {
color: #30BF13;
}
.acud-modal-dialogbox-error .acud-modal-dialogbox-icon {
color: #F33E3E;
}
.acud-modal-dialogbox-confirm .acud-modal-dialogbox-icon {
color: #FF9326;
}
/* color */
/* 默认颜色 */
/* 通用-icon */
/* 标签 */
/* 默认颜色 */
/* 其他颜色 */
/* 通用 */
/* 水平 */
/* 垂直 */
/* 序号水平 */
/* 序号垂直 */
.acud-pagination {
width: 100%;
outline: none;
position: relative;
}
.acud-pagination ul {
min-width: 0;
border: none;
height: 100%;
color: inherit;
background-color: inherit;
}
.acud-pagination ul:focus {
outline: none;
}
.acud-pagination ul,
.acud-pagination ol {
margin: 0;
padding: 0;
list-style: none;
}
.acud-pagination::after {
display: block;
clear: both;
height: 0;
overflow: hidden;
visibility: hidden;
content: ' ';
}
.acud-pagination li {
font-size: 12px;
}
.acud-pagination-total-text {
display: inline-block;
height: 32px;
margin-right: 8px;
line-height: 32px;
vertical-align: middle;
color: #84868C;
}
.acud-pagination-item {
display: inline-block;
min-width: 32px;
height: 32px;
font-family: -apple-system, BlinkMacSystemFont, "SF Pro SC", "SF Pro Text", "Helvetica Neue", Helvetica, "PingFang SC", Roboto, 'Arial', 'microsoft yahei ui', "Microsoft YaHei", SimSun, sans-serif;
line-height: 30px;
text-align: center;
vertical-align: middle;
list-style: none;
outline: 0;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
box-sizing: border-box;
font-weight: 400;
border: 1px solid rgba(0, 0, 0, 0);
border-radius: 4px;
color: #151B26;
background-color: transparent;
border-color: transparent;
}
.acud-pagination-item:hover {
color: #2468F2;
}
.acud-pagination-item:focus,
.acud-pagination-item:active {
color: #144BCC;
}
.acud-pagination-item[disabled],
.acud-pagination-item[aria-disabled="true"],
.acud-pagination-item[disabled]:hover,
.acud-pagination-item[aria-disabled="true"]:hover,
.acud-pagination-item[disabled]:focus,
.acud-pagination-item[aria-disabled="true"]:focus,
.acud-pagination-item[disabled]:active,
.acud-pagination-item[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-pagination-item:hover {
background-color: transparent;
}
.acud-pagination-item:focus,
.acud-pagination-item:active {
background-color: transparent;
}
.acud-pagination-item[disabled],
.acud-pagination-item[aria-disabled="true"],
.acud-pagination-item[disabled]:hover,
.acud-pagination-item[aria-disabled="true"]:hover,
.acud-pagination-item[disabled]:focus,
.acud-pagination-item[aria-disabled="true"]:focus,
.acud-pagination-item[disabled]:active,
.acud-pagination-item[aria-disabled="true"]:active {
background-color: transparent;
}
.acud-pagination-item:hover {
border-color: transparent;
}
.acud-pagination-item:focus,
.acud-pagination-item:active {
border-color: transparent;
}
.acud-pagination-item[disabled],
.acud-pagination-item[aria-disabled="true"],
.acud-pagination-item[disabled]:hover,
.acud-pagination-item[aria-disabled="true"]:hover,
.acud-pagination-item[disabled]:focus,
.acud-pagination-item[aria-disabled="true"]:focus,
.acud-pagination-item[disabled]:active,
.acud-pagination-item[aria-disabled="true"]:active {
border-color: transparent;
}
.acud-pagination-item a {
display: block;
transition: none;
padding: 0 6px;
color: #151B26;
background-color: transparent;
border-color: transparent;
}
.acud-pagination-item a:hover {
color: #2468F2;
}
.acud-pagination-item a:focus,
.acud-pagination-item a:active {
color: #144BCC;
}
.acud-pagination-item a[disabled],
.acud-pagination-item a[aria-disabled="true"],
.acud-pagination-item a[disabled]:hover,
.acud-pagination-item a[aria-disabled="true"]:hover,
.acud-pagination-item a[disabled]:focus,
.acud-pagination-item a[aria-disabled="true"]:focus,
.acud-pagination-item a[disabled]:active,
.acud-pagination-item a[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-pagination-item a:hover {
background-color: transparent;
}
.acud-pagination-item a:focus,
.acud-pagination-item a:active {
background-color: transparent;
}
.acud-pagination-item a[disabled],
.acud-pagination-item a[aria-disabled="true"],
.acud-pagination-item a[disabled]:hover,
.acud-pagination-item a[aria-disabled="true"]:hover,
.acud-pagination-item a[disabled]:focus,
.acud-pagination-item a[aria-disabled="true"]:focus,
.acud-pagination-item a[disabled]:active,
.acud-pagination-item a[aria-disabled="true"]:active {
background-color: transparent;
}
.acud-pagination-item a:hover {
border-color: transparent;
}
.acud-pagination-item a:focus,
.acud-pagination-item a:active {
border-color: transparent;
}
.acud-pagination-item a[disabled],
.acud-pagination-item a[aria-disabled="true"],
.acud-pagination-item a[disabled]:hover,
.acud-pagination-item a[aria-disabled="true"]:hover,
.acud-pagination-item a[disabled]:focus,
.acud-pagination-item a[aria-disabled="true"]:focus,
.acud-pagination-item a[disabled]:active,
.acud-pagination-item a[aria-disabled="true"]:active {
border-color: transparent;
}
.acud-pagination-item a:hover {
text-decoration: none;
}
.acud-pagination-item:focus,
.acud-pagination-item:hover {
transition: all 0.3s;
}
.acud-pagination-item-active {
color: #2468F2;
background-color: #FFFFFF;
border-color: #2468F2;
}
.acud-pagination-item-active:hover {
color: #528EFF;
}
.acud-pagination-item-active:focus,
.acud-pagination-item-active:active {
color: #144BCC;
}
.acud-pagination-item-active[disabled],
.acud-pagination-item-active[aria-disabled="true"],
.acud-pagination-item-active[disabled]:hover,
.acud-pagination-item-active[aria-disabled="true"]:hover,
.acud-pagination-item-active[disabled]:focus,
.acud-pagination-item-active[aria-disabled="true"]:focus,
.acud-pagination-item-active[disabled]:active,
.acud-pagination-item-active[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-pagination-item-active:hover {
background-color: #FFFFFF;
}
.acud-pagination-item-active:focus,
.acud-pagination-item-active:active {
background-color: #FFFFFF;
}
.acud-pagination-item-active[disabled],
.acud-pagination-item-active[aria-disabled="true"],
.acud-pagination-item-active[disabled]:hover,
.acud-pagination-item-active[aria-disabled="true"]:hover,
.acud-pagination-item-active[disabled]:focus,
.acud-pagination-item-active[aria-disabled="true"]:focus,
.acud-pagination-item-active[disabled]:active,
.acud-pagination-item-active[aria-disabled="true"]:active {
background-color: #F7F7F9;
}
.acud-pagination-item-active:hover {
border-color: #528EFF;
}
.acud-pagination-item-active:focus,
.acud-pagination-item-active:active {
border-color: #144BCC;
}
.acud-pagination-item-active[disabled],
.acud-pagination-item-active[aria-disabled="true"],
.acud-pagination-item-active[disabled]:hover,
.acud-pagination-item-active[aria-disabled="true"]:hover,
.acud-pagination-item-active[disabled]:focus,
.acud-pagination-item-active[aria-disabled="true"]:focus,
.acud-pagination-item-active[disabled]:active,
.acud-pagination-item-active[aria-disabled="true"]:active {
border-color: #E8E9EB;
}
.acud-pagination-item-active a {
color: #2468F2;
background-color: transparent;
border-color: transparent;
}
.acud-pagination-item-active a:hover {
color: #528EFF;
}
.acud-pagination-item-active a:focus,
.acud-pagination-item-active a:active {
color: #144BCC;
}
.acud-pagination-item-active a[disabled],
.acud-pagination-item-active a[aria-disabled="true"],
.acud-pagination-item-active a[disabled]:hover,
.acud-pagination-item-active a[aria-disabled="true"]:hover,
.acud-pagination-item-active a[disabled]:focus,
.acud-pagination-item-active a[aria-disabled="true"]:focus,
.acud-pagination-item-active a[disabled]:active,
.acud-pagination-item-active a[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-pagination-item-active a:hover {
background-color: transparent;
}
.acud-pagination-item-active a:focus,
.acud-pagination-item-active a:active {
background-color: transparent;
}
.acud-pagination-item-active a[disabled],
.acud-pagination-item-active a[aria-disabled="true"],
.acud-pagination-item-active a[disabled]:hover,
.acud-pagination-item-active a[aria-disabled="true"]:hover,
.acud-pagination-item-active a[disabled]:focus,
.acud-pagination-item-active a[aria-disabled="true"]:focus,
.acud-pagination-item-active a[disabled]:active,
.acud-pagination-item-active a[aria-disabled="true"]:active {
background-color: transparent;
}
.acud-pagination-item-active a:hover {
border-color: transparent;
}
.acud-pagination-item-active a:focus,
.acud-pagination-item-active a:active {
border-color: transparent;
}
.acud-pagination-item-active a[disabled],
.acud-pagination-item-active a[aria-disabled="true"],
.acud-pagination-item-active a[disabled]:hover,
.acud-pagination-item-active a[aria-disabled="true"]:hover,
.acud-pagination-item-active a[disabled]:focus,
.acud-pagination-item-active a[aria-disabled="true"]:focus,
.acud-pagination-item-active a[disabled]:active,
.acud-pagination-item-active a[aria-disabled="true"]:active {
border-color: transparent;
}
.acud-pagination-jump-prev,
.acud-pagination-jump-next {
outline: 0;
}
.acud-pagination-jump-prev .acud-pagination-item-container,
.acud-pagination-jump-next .acud-pagination-item-container {
position: relative;
}
.acud-pagination-jump-prev .acud-pagination-item-container .acud-pagination-item-link-icon,
.acud-pagination-jump-next .acud-pagination-item-container .acud-pagination-item-link-icon {
display: inline-block;
position: relative;
font-size: 12px;
letter-spacing: -1px;
opacity: 0;
transition: all 0.2s;
top: 0px;
right: 0;
bottom: 0;
left: 0;
margin: auto;
}
.acud-pagination-jump-prev .acud-pagination-item-container .acud-pagination-item-ellipsis,
.acud-pagination-jump-next .acud-pagination-item-container .acud-pagination-item-ellipsis {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: block;
margin: auto;
font-family: Arial, Helvetica, sans-serif;
letter-spacing: 2px;
text-align: center;
opacity: 1;
transition: all 0.2s;
}
.acud-pagination-jump-prev .acud-pagination-item-container .acud-pagination-item-ellipsis .acudicon,
.acud-pagination-jump-next .acud-pagination-item-container .acud-pagination-item-ellipsis .acudicon {
line-height: 0;
}
.acud-pagination-jump-prev:hover .acud-pagination-item-link-icon,
.acud-pagination-jump-next:hover .acud-pagination-item-link-icon {
opacity: 1;
}
.acud-pagination-jump-prev:hover .acud-pagination-item-ellipsis,
.acud-pagination-jump-next:hover .acud-pagination-item-ellipsis {
opacity: 0;
}
.acud-pagination-jump-prev,
.acud-pagination-jump-next {
margin-right: 8px;
}
.acud-pagination-prev,
.acud-pagination-next,
.acud-pagination-jump-prev,
.acud-pagination-jump-next {
display: inline-block;
min-width: 32px;
height: 32px;
font-family: -apple-system, BlinkMacSystemFont, "SF Pro SC", "SF Pro Text", "Helvetica Neue", Helvetica, "PingFang SC", Roboto, 'Arial', 'microsoft yahei ui', "Microsoft YaHei", SimSun, sans-serif;
font-weight: 400;
line-height: 30px;
text-align: center;
vertical-align: middle;
list-style: none;
cursor: pointer;
transition: all 0.3s;
}
.acud-pagination-prev,
.acud-pagination-next {
font-family: Arial, Helvetica, sans-serif;
outline: 0;
}
.acud-pagination-prev button,
.acud-pagination-next button {
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.acud-pagination-prev.acud-pagination-disabled button,
.acud-pagination-next.acud-pagination-disabled button {
cursor: not-allowed;
}
.acud-pagination-prev .acud-pagination-item-link,
.acud-pagination-next .acud-pagination-item-link {
display: block;
width: 100%;
height: 100%;
line-height: 100%;
padding: 0;
font-size: 12px;
text-align: center;
outline: none;
transition: all 0.3s;
border: 1px solid transparent;
color: #84868C;
background-color: transparent;
border-color: transparent;
}
.acud-pagination-prev .acud-pagination-item-link:hover,
.acud-pagination-next .acud-pagination-item-link:hover {
color: #2468F2;
}
.acud-pagination-prev .acud-pagination-item-link:focus,
.acud-pagination-next .acud-pagination-item-link:focus,
.acud-pagination-prev .acud-pagination-item-link:active,
.acud-pagination-next .acud-pagination-item-link:active {
color: #144BCC;
}
.acud-pagination-prev .acud-pagination-item-link[disabled],
.acud-pagination-next .acud-pagination-item-link[disabled],
.acud-pagination-prev .acud-pagination-item-link[aria-disabled="true"],
.acud-pagination-next .acud-pagination-item-link[aria-disabled="true"],
.acud-pagination-prev .acud-pagination-item-link[disabled]:hover,
.acud-pagination-next .acud-pagination-item-link[disabled]:hover,
.acud-pagination-prev .acud-pagination-item-link[aria-disabled="true"]:hover,
.acud-pagination-next .acud-pagination-item-link[aria-disabled="true"]:hover,
.acud-pagination-prev .acud-pagination-item-link[disabled]:focus,
.acud-pagination-next .acud-pagination-item-link[disabled]:focus,
.acud-pagination-prev .acud-pagination-item-link[aria-disabled="true"]:focus,
.acud-pagination-next .acud-pagination-item-link[aria-disabled="true"]:focus,
.acud-pagination-prev .acud-pagination-item-link[disabled]:active,
.acud-pagination-next .acud-pagination-item-link[disabled]:active,
.acud-pagination-prev .acud-pagination-item-link[aria-disabled="true"]:active,
.acud-pagination-next .acud-pagination-item-link[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-pagination-prev .acud-pagination-item-link:hover,
.acud-pagination-next .acud-pagination-item-link:hover {
background-color: transparent;
}
.acud-pagination-prev .acud-pagination-item-link:focus,
.acud-pagination-next .acud-pagination-item-link:focus,
.acud-pagination-prev .acud-pagination-item-link:active,
.acud-pagination-next .acud-pagination-item-link:active {
background-color: transparent;
}
.acud-pagination-prev .acud-pagination-item-link[disabled],
.acud-pagination-next .acud-pagination-item-link[disabled],
.acud-pagination-prev .acud-pagination-item-link[aria-disabled="true"],
.acud-pagination-next .acud-pagination-item-link[aria-disabled="true"],
.acud-pagination-prev .acud-pagination-item-link[disabled]:hover,
.acud-pagination-next .acud-pagination-item-link[disabled]:hover,
.acud-pagination-prev .acud-pagination-item-link[aria-disabled="true"]:hover,
.acud-pagination-next .acud-pagination-item-link[aria-disabled="true"]:hover,
.acud-pagination-prev .acud-pagination-item-link[disabled]:focus,
.acud-pagination-next .acud-pagination-item-link[disabled]:focus,
.acud-pagination-prev .acud-pagination-item-link[aria-disabled="true"]:focus,
.acud-pagination-next .acud-pagination-item-link[aria-disabled="true"]:focus,
.acud-pagination-prev .acud-pagination-item-link[disabled]:active,
.acud-pagination-next .acud-pagination-item-link[disabled]:active,
.acud-pagination-prev .acud-pagination-item-link[aria-disabled="true"]:active,
.acud-pagination-next .acud-pagination-item-link[aria-disabled="true"]:active {
background-color: transparent;
}
.acud-pagination-prev .acud-pagination-item-link:hover,
.acud-pagination-next .acud-pagination-item-link:hover {
border-color: transparent;
}
.acud-pagination-prev .acud-pagination-item-link:focus,
.acud-pagination-next .acud-pagination-item-link:focus,
.acud-pagination-prev .acud-pagination-item-link:active,
.acud-pagination-next .acud-pagination-item-link:active {
border-color: transparent;
}
.acud-pagination-prev .acud-pagination-item-link[disabled],
.acud-pagination-next .acud-pagination-item-link[disabled],
.acud-pagination-prev .acud-pagination-item-link[aria-disabled="true"],
.acud-pagination-next .acud-pagination-item-link[aria-disabled="true"],
.acud-pagination-prev .acud-pagination-item-link[disabled]:hover,
.acud-pagination-next .acud-pagination-item-link[disabled]:hover,
.acud-pagination-prev .acud-pagination-item-link[aria-disabled="true"]:hover,
.acud-pagination-next .acud-pagination-item-link[aria-disabled="true"]:hover,
.acud-pagination-prev .acud-pagination-item-link[disabled]:focus,
.acud-pagination-next .acud-pagination-item-link[disabled]:focus,
.acud-pagination-prev .acud-pagination-item-link[aria-disabled="true"]:focus,
.acud-pagination-next .acud-pagination-item-link[aria-disabled="true"]:focus,
.acud-pagination-prev .acud-pagination-item-link[disabled]:active,
.acud-pagination-next .acud-pagination-item-link[disabled]:active,
.acud-pagination-prev .acud-pagination-item-link[aria-disabled="true"]:active,
.acud-pagination-next .acud-pagination-item-link[aria-disabled="true"]:active {
border-color: transparent;
}
.acud-pagination-prev .acud-pagination-item-link .acudicon,
.acud-pagination-next .acud-pagination-item-link .acudicon {
line-height: 0;
font-size: 16px;
}
.acud-pagination-slash {
margin: 0 12px;
}
.acud-pagination-options {
display: inline-block;
margin-left: 8px;
vertical-align: middle;
}
@media all and (-ms-high-contrast: none) {
.acud-pagination-options *::-ms-backdrop,
.acud-pagination-options {
vertical-align: top;
}
}
.acud-pagination-options-tip {
margin-right: 8px;
}
.acud-pagination-options-quick-jumper {
display: flex;
align-content: center;
height: 32px;
line-height: 32px;
vertical-align: top;
}
.acud-pagination-options-quick-jumper input {
width: 100%;
outline: none;
display: flex;
position: relative;
align-items: center;
box-sizing: border-box;
font-weight: 400;
border-width: 1px;
border-style: solid;
overflow: hidden;
font-size: 12px;
height: 32px;
line-height: 32px;
border-radius: 4px;
color: #151B26;
background-color: #FFFFFF;
border-color: #E8E9EB;
border-radius: 4px 0 0 4px;
display: inline-flex;
width: 40px;
padding: 0 8px;
margin: 0 0 0 8px;
}
.acud-pagination-options-quick-jumper input input {
min-width: 0;
padding: 0 12px;
border: none;
height: 100%;
flex-grow: 1;
color: inherit;
font-size: 12px;
}
.acud-pagination-options-quick-jumper input input:-webkit-autofill {
box-shadow: 0 0 0px 1000px white inset !important;
}
.acud-pagination-options-quick-jumper input input:focus {
outline: none;
}
.acud-pagination-options-quick-jumper input-prefix {
display: flex;
padding: 0 8px 0 0;
}
.acud-pagination-options-quick-jumper input-suffix {
display: flex;
padding: 0 0 0 4px;
word-break: keep-all;
}
.acud-pagination-options-quick-jumper input-prefix,
.acud-pagination-options-quick-jumper input-suffix {
color: #84868C;
}
.acud-pagination-options-quick-jumper input-prefix:hover,
.acud-pagination-options-quick-jumper input-suffix:hover {
color: #84868C;
}
.acud-pagination-options-quick-jumper input-prefix:focus,
.acud-pagination-options-quick-jumper input-suffix:focus,
.acud-pagination-options-quick-jumper input-prefix:active,
.acud-pagination-options-quick-jumper input-suffix:active {
color: #84868C;
}
.acud-pagination-options-quick-jumper input-prefix[disabled],
.acud-pagination-options-quick-jumper input-suffix[disabled],
.acud-pagination-options-quick-jumper input-prefix[aria-disabled="true"],
.acud-pagination-options-quick-jumper input-suffix[aria-disabled="true"],
.acud-pagination-options-quick-jumper input-prefix[disabled]:hover,
.acud-pagination-options-quick-jumper input-suffix[disabled]:hover,
.acud-pagination-options-quick-jumper input-prefix[aria-disabled="true"]:hover,
.acud-pagination-options-quick-jumper input-suffix[aria-disabled="true"]:hover,
.acud-pagination-options-quick-jumper input-prefix[disabled]:focus,
.acud-pagination-options-quick-jumper input-suffix[disabled]:focus,
.acud-pagination-options-quick-jumper input-prefix[aria-disabled="true"]:focus,
.acud-pagination-options-quick-jumper input-suffix[aria-disabled="true"]:focus,
.acud-pagination-options-quick-jumper input-prefix[disabled]:active,
.acud-pagination-options-quick-jumper input-suffix[disabled]:active,
.acud-pagination-options-quick-jumper input-prefix[aria-disabled="true"]:active,
.acud-pagination-options-quick-jumper input-suffix[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-pagination-options-quick-jumper input-lg {
font-size: 14px;
height: 40px;
line-height: 40px;
border-radius: 4px;
}
.acud-pagination-options-quick-jumper input-lg input {
font-size: 14px;
}
.acud-pagination-options-quick-jumper input-sm {
font-size: 12px;
height: 24px;
line-height: 24px;
border-radius: 2px;
}
.acud-pagination-options-quick-jumper input-sm input {
padding: 0 8px;
}
.acud-pagination-options-quick-jumper input-sm input input {
font-size: 12px;
}
.acud-pagination-options-quick-jumper input-has-prefix input {
padding: 0;
}
.acud-pagination-options-quick-jumper input-has-prefix {
padding-left: 12px;
}
.acud-pagination-options-quick-jumper input-has-addon-before {
padding-left: 0;
}
.acud-pagination-options-quick-jumper input-has-suffix {
padding-right: 12px;
}
.acud-pagination-options-quick-jumper input-has-addon-after {
padding-right: 0;
}
.acud-pagination-options-quick-jumper input-has-prefix.acud-pagination-options-quick-jumper input-sm {
padding-right: 8px;
padding-left: 8px;
}
.acud-pagination-options-quick-jumper input-has-prefix.acud-pagination-options-quick-jumper input-sm input {
padding: 0px;
}
.acud-pagination-options-quick-jumper input-has-suffix.acud-pagination-options-quick-jumper input-sm {
padding-right: 8px;
padding-left: 8px;
}
.acud-pagination-options-quick-jumper input-has-suffix.acud-pagination-options-quick-jumper input-sm input {
padding: 0px;
}
.acud-pagination-options-quick-jumper input-has-suffix .acud-input-clear-wrapper {
margin-right: 0px;
}
.acud-pagination-options-quick-jumper input-has-limit .acud-input-clear-wrapper {
margin-right: 0px;
}
.acud-pagination-options-quick-jumper input-has-addon-before .acud-input-addon {
margin-left: -1px;
}
.acud-pagination-options-quick-jumper input-has-addon-before input {
padding: 0 8px 0 12px;
}
.acud-pagination-options-quick-jumper input-has-addon-after .acud-input-addon {
margin-right: -1px;
}
.acud-pagination-options-quick-jumper input-has-addon-after input {
padding: 0 8px 0 12px;
}
.acud-pagination-options-quick-jumper input-has-addon-before.acud-pagination-options-quick-jumper input-has-addon-after input {
padding: 0 8px 0 12px;
}
.acud-pagination-options-quick-jumper input-addonOnlyText {
padding: 0 12px 0 12px;
color: #151B26;
background-color: #F7F7F9;
border-color: transparent;
}
.acud-pagination-options-quick-jumper input-addonOnlyText:hover {
color: #151B26;
}
.acud-pagination-options-quick-jumper input-addonOnlyText:focus,
.acud-pagination-options-quick-jumper input-addonOnlyText:active {
color: #151B26;
}
.acud-pagination-options-quick-jumper input-addonOnlyText[disabled],
.acud-pagination-options-quick-jumper input-addonOnlyText[aria-disabled="true"],
.acud-pagination-options-quick-jumper input-addonOnlyText[disabled]:hover,
.acud-pagination-options-quick-jumper input-addonOnlyText[aria-disabled="true"]:hover,
.acud-pagination-options-quick-jumper input-addonOnlyText[disabled]:focus,
.acud-pagination-options-quick-jumper input-addonOnlyText[aria-disabled="true"]:focus,
.acud-pagination-options-quick-jumper input-addonOnlyText[disabled]:active,
.acud-pagination-options-quick-jumper input-addonOnlyText[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-pagination-options-quick-jumper input-addonOnlyText:hover {
background-color: #F2F2F4;
}
.acud-pagination-options-quick-jumper input-addonOnlyText:focus,
.acud-pagination-options-quick-jumper input-addonOnlyText:active {
background-color: #F2F2F4;
}
.acud-pagination-options-quick-jumper input-addonOnlyText[disabled],
.acud-pagination-options-quick-jumper input-addonOnlyText[aria-disabled="true"],
.acud-pagination-options-quick-jumper input-addonOnlyText[disabled]:hover,
.acud-pagination-options-quick-jumper input-addonOnlyText[aria-disabled="true"]:hover,
.acud-pagination-options-quick-jumper input-addonOnlyText[disabled]:focus,
.acud-pagination-options-quick-jumper input-addonOnlyText[aria-disabled="true"]:focus,
.acud-pagination-options-quick-jumper input-addonOnlyText[disabled]:active,
.acud-pagination-options-quick-jumper input-addonOnlyText[aria-disabled="true"]:active {
background-color: #F2F2F4;
}
.acud-pagination-options-quick-jumper input-addonOnlyText:hover {
border-color: transparent;
}
.acud-pagination-options-quick-jumper input-addonOnlyText:focus,
.acud-pagination-options-quick-jumper input-addonOnlyText:active {
border-color: transparent;
}
.acud-pagination-options-quick-jumper input-addonOnlyText[disabled],
.acud-pagination-options-quick-jumper input-addonOnlyText[aria-disabled="true"],
.acud-pagination-options-quick-jumper input-addonOnlyText[disabled]:hover,
.acud-pagination-options-quick-jumper input-addonOnlyText[aria-disabled="true"]:hover,
.acud-pagination-options-quick-jumper input-addonOnlyText[disabled]:focus,
.acud-pagination-options-quick-jumper input-addonOnlyText[aria-disabled="true"]:focus,
.acud-pagination-options-quick-jumper input-addonOnlyText[disabled]:active,
.acud-pagination-options-quick-jumper input-addonOnlyText[aria-disabled="true"]:active {
border-color: transparent;
}
.acud-pagination-options-quick-jumper input-addon {
height: 100%;
display: flex;
align-items: center;
overflow: hidden;
}
.acud-pagination-options-quick-jumper input:hover {
color: #151B26;
}
.acud-pagination-options-quick-jumper input:focus,
.acud-pagination-options-quick-jumper input:active {
color: #151B26;
}
.acud-pagination-options-quick-jumper input[disabled],
.acud-pagination-options-quick-jumper input[aria-disabled="true"],
.acud-pagination-options-quick-jumper input[disabled]:hover,
.acud-pagination-options-quick-jumper input[aria-disabled="true"]:hover,
.acud-pagination-options-quick-jumper input[disabled]:focus,
.acud-pagination-options-quick-jumper input[aria-disabled="true"]:focus,
.acud-pagination-options-quick-jumper input[disabled]:active,
.acud-pagination-options-quick-jumper input[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-pagination-options-quick-jumper input:hover {
background-color: #FFFFFF;
}
.acud-pagination-options-quick-jumper input:focus,
.acud-pagination-options-quick-jumper input:active {
background-color: #FFFFFF;
}
.acud-pagination-options-quick-jumper input[disabled],
.acud-pagination-options-quick-jumper input[aria-disabled="true"],
.acud-pagination-options-quick-jumper input[disabled]:hover,
.acud-pagination-options-quick-jumper input[aria-disabled="true"]:hover,
.acud-pagination-options-quick-jumper input[disabled]:focus,
.acud-pagination-options-quick-jumper input[aria-disabled="true"]:focus,
.acud-pagination-options-quick-jumper input[disabled]:active,
.acud-pagination-options-quick-jumper input[aria-disabled="true"]:active {
background-color: #F7F7F9;
}
.acud-pagination-options-quick-jumper input:hover {
border-color: #2468F2;
}
.acud-pagination-options-quick-jumper input:focus,
.acud-pagination-options-quick-jumper input:active {
border-color: #144BCC;
}
.acud-pagination-options-quick-jumper input[disabled],
.acud-pagination-options-quick-jumper input[aria-disabled="true"],
.acud-pagination-options-quick-jumper input[disabled]:hover,
.acud-pagination-options-quick-jumper input[aria-disabled="true"]:hover,
.acud-pagination-options-quick-jumper input[disabled]:focus,
.acud-pagination-options-quick-jumper input[aria-disabled="true"]:focus,
.acud-pagination-options-quick-jumper input[disabled]:active,
.acud-pagination-options-quick-jumper input[aria-disabled="true"]:active {
border-color: #E8E9EB;
}
.acud-pagination-options-quick-jumper button {
display: inline-flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
white-space: nowrap;
text-align: center;
vertical-align: middle;
border-style: solid;
border-width: 1px;
outline: 0;
cursor: pointer;
height: 32px;
padding-right: 11px;
padding-left: 11px;
font-size: 12px;
border-radius: 4px;
color: #151B26;
background-color: #FFFFFF;
border-color: #E8E9EB;
border-radius: 0 4px 4px 0;
min-width: 40px;
border-left-width: 0;
position: relative;
font-weight: 400;
}
.acud-pagination-options-quick-jumper button-text-limited {
min-width: 72px;
}
.acud-pagination-options-quick-jumper button-has-icon {
padding-left: 11px;
}
.acud-pagination-options-quick-jumper button-only-icon {
padding-right: 7px;
padding-left: 7px;
}
.acud-pagination-options-quick-jumper button-has-icon > .acudicon {
height: 16px;
font-size: 16px;
}
.acud-pagination-options-quick-jumper button-lg {
height: 40px;
padding-right: 15px;
padding-left: 15px;
font-size: 14px;
border-radius: 4px;
}
.acud-pagination-options-quick-jumper button-lg-text-limited {
min-width: 72px;
}
.acud-pagination-options-quick-jumper button-lg-has-icon {
padding-left: 15px;
}
.acud-pagination-options-quick-jumper button-lg-only-icon {
padding-right: 11px;
padding-left: 11px;
}
.acud-pagination-options-quick-jumper button-lg-has-icon > .acudicon {
height: 16px;
font-size: 16px;
}
.acud-pagination-options-quick-jumper button-sm {
height: 24px;
padding-right: 7px;
padding-left: 7px;
font-size: 12px;
border-radius: 2px;
}
.acud-pagination-options-quick-jumper button-sm-text-limited {
min-width: 72px;
}
.acud-pagination-options-quick-jumper button-sm-has-icon {
padding-left: 7px;
}
.acud-pagination-options-quick-jumper button-sm-only-icon {
padding-right: 3px;
padding-left: 3px;
}
.acud-pagination-options-quick-jumper button-sm-has-icon > .acudicon {
height: 16px;
font-size: 16px;
}
.acud-pagination-options-quick-jumper button,
.acud-pagination-options-quick-jumper button:active,
.acud-pagination-options-quick-jumper button:focus {
outline: 0;
}
.acud-pagination-options-quick-jumper button:not([disabled]):hover {
text-decoration: none;
}
.acud-pagination-options-quick-jumper button:not([disabled]):active {
outline: 0;
box-shadow: none;
}
.acud-pagination-options-quick-jumper button[disabled] {
cursor: not-allowed;
}
.acud-pagination-options-quick-jumper button[disabled] > * {
pointer-events: none;
}
.acud-pagination-options-quick-jumper button:hover {
color: #2468F2;
}
.acud-pagination-options-quick-jumper button:focus,
.acud-pagination-options-quick-jumper button:active {
color: #2468F2;
}
.acud-pagination-options-quick-jumper button[disabled],
.acud-pagination-options-quick-jumper button[aria-disabled="true"],
.acud-pagination-options-quick-jumper button[disabled]:hover,
.acud-pagination-options-quick-jumper button[aria-disabled="true"]:hover,
.acud-pagination-options-quick-jumper button[disabled]:focus,
.acud-pagination-options-quick-jumper button[aria-disabled="true"]:focus,
.acud-pagination-options-quick-jumper button[disabled]:active,
.acud-pagination-options-quick-jumper button[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-pagination-options-quick-jumper button:hover {
background-color: #FFFFFF;
}
.acud-pagination-options-quick-jumper button:focus,
.acud-pagination-options-quick-jumper button:active {
background-color: #FFFFFF;
}
.acud-pagination-options-quick-jumper button[disabled],
.acud-pagination-options-quick-jumper button[aria-disabled="true"],
.acud-pagination-options-quick-jumper button[disabled]:hover,
.acud-pagination-options-quick-jumper button[aria-disabled="true"]:hover,
.acud-pagination-options-quick-jumper button[disabled]:focus,
.acud-pagination-options-quick-jumper button[aria-disabled="true"]:focus,
.acud-pagination-options-quick-jumper button[disabled]:active,
.acud-pagination-options-quick-jumper button[aria-disabled="true"]:active {
background-color: #F7F7F9;
}
.acud-pagination-options-quick-jumper button:hover {
border-color: #2468F2;
}
.acud-pagination-options-quick-jumper button:focus,
.acud-pagination-options-quick-jumper button:active {
border-color: #144BCC;
}
.acud-pagination-options-quick-jumper button[disabled],
.acud-pagination-options-quick-jumper button[aria-disabled="true"],
.acud-pagination-options-quick-jumper button[disabled]:hover,
.acud-pagination-options-quick-jumper button[aria-disabled="true"]:hover,
.acud-pagination-options-quick-jumper button[disabled]:focus,
.acud-pagination-options-quick-jumper button[aria-disabled="true"]:focus,
.acud-pagination-options-quick-jumper button[disabled]:active,
.acud-pagination-options-quick-jumper button[aria-disabled="true"]:active {
border-color: #E8E9EB;
}
.acud-pagination-options-quick-jumper button:active,
.acud-pagination-options-quick-jumper button:hover,
.acud-pagination-options-quick-jumper button:focus {
border-left-width: 1px;
margin-left: -1px;
z-index: 2;
}
.acud-pagination.acud-pagination-disabled {
cursor: not-allowed;
}
.acud-pagination.acud-pagination-disabled .acud-pagination-item {
cursor: not-allowed;
}
.acud-pagination.acud-pagination-disabled .acud-pagination-item a {
border: none;
cursor: not-allowed;
}
.acud-pagination.acud-pagination-disabled .acud-pagination-item-link {
cursor: not-allowed;
}
.acud-pagination.acud-pagination-disabled .acud-pagination-item-link-icon {
opacity: 0;
}
.acud-pagination.acud-pagination-disabled .acud-pagination-item-ellipsis {
opacity: 1;
}
.acud-pagination.acud-pagination-disabled.acud-pagination-simple {
color: #B8BABF;
}
.acud-pagination-simple-pager {
display: inline-block;
line-height: 32px;
}
.acud-pagination-simple-pager input {
width: 100%;
outline: none;
display: flex;
position: relative;
align-items: center;
box-sizing: border-box;
font-weight: 400;
border-width: 1px;
border-style: solid;
overflow: hidden;
font-size: 12px;
height: 32px;
line-height: 32px;
border-radius: 4px;
color: #151B26;
background-color: #FFFFFF;
border-color: #E8E9EB;
width: 40px;
display: inline-flex;
text-align: center;
}
.acud-pagination-simple-pager input input {
min-width: 0;
padding: 0 12px;
border: none;
height: 100%;
flex-grow: 1;
color: inherit;
font-size: 12px;
}
.acud-pagination-simple-pager input input:-webkit-autofill {
box-shadow: 0 0 0px 1000px white inset !important;
}
.acud-pagination-simple-pager input input:focus {
outline: none;
}
.acud-pagination-simple-pager input-prefix {
display: flex;
padding: 0 8px 0 0;
}
.acud-pagination-simple-pager input-suffix {
display: flex;
padding: 0 0 0 4px;
word-break: keep-all;
}
.acud-pagination-simple-pager input-prefix,
.acud-pagination-simple-pager input-suffix {
color: #84868C;
}
.acud-pagination-simple-pager input-prefix:hover,
.acud-pagination-simple-pager input-suffix:hover {
color: #84868C;
}
.acud-pagination-simple-pager input-prefix:focus,
.acud-pagination-simple-pager input-suffix:focus,
.acud-pagination-simple-pager input-prefix:active,
.acud-pagination-simple-pager input-suffix:active {
color: #84868C;
}
.acud-pagination-simple-pager input-prefix[disabled],
.acud-pagination-simple-pager input-suffix[disabled],
.acud-pagination-simple-pager input-prefix[aria-disabled="true"],
.acud-pagination-simple-pager input-suffix[aria-disabled="true"],
.acud-pagination-simple-pager input-prefix[disabled]:hover,
.acud-pagination-simple-pager input-suffix[disabled]:hover,
.acud-pagination-simple-pager input-prefix[aria-disabled="true"]:hover,
.acud-pagination-simple-pager input-suffix[aria-disabled="true"]:hover,
.acud-pagination-simple-pager input-prefix[disabled]:focus,
.acud-pagination-simple-pager input-suffix[disabled]:focus,
.acud-pagination-simple-pager input-prefix[aria-disabled="true"]:focus,
.acud-pagination-simple-pager input-suffix[aria-disabled="true"]:focus,
.acud-pagination-simple-pager input-prefix[disabled]:active,
.acud-pagination-simple-pager input-suffix[disabled]:active,
.acud-pagination-simple-pager input-prefix[aria-disabled="true"]:active,
.acud-pagination-simple-pager input-suffix[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-pagination-simple-pager input-lg {
font-size: 14px;
height: 40px;
line-height: 40px;
border-radius: 4px;
}
.acud-pagination-simple-pager input-lg input {
font-size: 14px;
}
.acud-pagination-simple-pager input-sm {
font-size: 12px;
height: 24px;
line-height: 24px;
border-radius: 2px;
}
.acud-pagination-simple-pager input-sm input {
padding: 0 8px;
}
.acud-pagination-simple-pager input-sm input input {
font-size: 12px;
}
.acud-pagination-simple-pager input-has-prefix input {
padding: 0;
}
.acud-pagination-simple-pager input-has-prefix {
padding-left: 12px;
}
.acud-pagination-simple-pager input-has-addon-before {
padding-left: 0;
}
.acud-pagination-simple-pager input-has-suffix {
padding-right: 12px;
}
.acud-pagination-simple-pager input-has-addon-after {
padding-right: 0;
}
.acud-pagination-simple-pager input-has-prefix.acud-pagination-simple-pager input-sm {
padding-right: 8px;
padding-left: 8px;
}
.acud-pagination-simple-pager input-has-prefix.acud-pagination-simple-pager input-sm input {
padding: 0px;
}
.acud-pagination-simple-pager input-has-suffix.acud-pagination-simple-pager input-sm {
padding-right: 8px;
padding-left: 8px;
}
.acud-pagination-simple-pager input-has-suffix.acud-pagination-simple-pager input-sm input {
padding: 0px;
}
.acud-pagination-simple-pager input-has-suffix .acud-input-clear-wrapper {
margin-right: 0px;
}
.acud-pagination-simple-pager input-has-limit .acud-input-clear-wrapper {
margin-right: 0px;
}
.acud-pagination-simple-pager input-has-addon-before .acud-input-addon {
margin-left: -1px;
}
.acud-pagination-simple-pager input-has-addon-before input {
padding: 0 8px 0 12px;
}
.acud-pagination-simple-pager input-has-addon-after .acud-input-addon {
margin-right: -1px;
}
.acud-pagination-simple-pager input-has-addon-after input {
padding: 0 8px 0 12px;
}
.acud-pagination-simple-pager input-has-addon-before.acud-pagination-simple-pager input-has-addon-after input {
padding: 0 8px 0 12px;
}
.acud-pagination-simple-pager input-addonOnlyText {
padding: 0 12px 0 12px;
color: #151B26;
background-color: #F7F7F9;
border-color: transparent;
}
.acud-pagination-simple-pager input-addonOnlyText:hover {
color: #151B26;
}
.acud-pagination-simple-pager input-addonOnlyText:focus,
.acud-pagination-simple-pager input-addonOnlyText:active {
color: #151B26;
}
.acud-pagination-simple-pager input-addonOnlyText[disabled],
.acud-pagination-simple-pager input-addonOnlyText[aria-disabled="true"],
.acud-pagination-simple-pager input-addonOnlyText[disabled]:hover,
.acud-pagination-simple-pager input-addonOnlyText[aria-disabled="true"]:hover,
.acud-pagination-simple-pager input-addonOnlyText[disabled]:focus,
.acud-pagination-simple-pager input-addonOnlyText[aria-disabled="true"]:focus,
.acud-pagination-simple-pager input-addonOnlyText[disabled]:active,
.acud-pagination-simple-pager input-addonOnlyText[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-pagination-simple-pager input-addonOnlyText:hover {
background-color: #F2F2F4;
}
.acud-pagination-simple-pager input-addonOnlyText:focus,
.acud-pagination-simple-pager input-addonOnlyText:active {
background-color: #F2F2F4;
}
.acud-pagination-simple-pager input-addonOnlyText[disabled],
.acud-pagination-simple-pager input-addonOnlyText[aria-disabled="true"],
.acud-pagination-simple-pager input-addonOnlyText[disabled]:hover,
.acud-pagination-simple-pager input-addonOnlyText[aria-disabled="true"]:hover,
.acud-pagination-simple-pager input-addonOnlyText[disabled]:focus,
.acud-pagination-simple-pager input-addonOnlyText[aria-disabled="true"]:focus,
.acud-pagination-simple-pager input-addonOnlyText[disabled]:active,
.acud-pagination-simple-pager input-addonOnlyText[aria-disabled="true"]:active {
background-color: #F2F2F4;
}
.acud-pagination-simple-pager input-addonOnlyText:hover {
border-color: transparent;
}
.acud-pagination-simple-pager input-addonOnlyText:focus,
.acud-pagination-simple-pager input-addonOnlyText:active {
border-color: transparent;
}
.acud-pagination-simple-pager input-addonOnlyText[disabled],
.acud-pagination-simple-pager input-addonOnlyText[aria-disabled="true"],
.acud-pagination-simple-pager input-addonOnlyText[disabled]:hover,
.acud-pagination-simple-pager input-addonOnlyText[aria-disabled="true"]:hover,
.acud-pagination-simple-pager input-addonOnlyText[disabled]:focus,
.acud-pagination-simple-pager input-addonOnlyText[aria-disabled="true"]:focus,
.acud-pagination-simple-pager input-addonOnlyText[disabled]:active,
.acud-pagination-simple-pager input-addonOnlyText[aria-disabled="true"]:active {
border-color: transparent;
}
.acud-pagination-simple-pager input-addon {
height: 100%;
display: flex;
align-items: center;
overflow: hidden;
}
.acud-pagination-simple-pager input:hover {
color: #151B26;
}
.acud-pagination-simple-pager input:focus,
.acud-pagination-simple-pager input:active {
color: #151B26;
}
.acud-pagination-simple-pager input[disabled],
.acud-pagination-simple-pager input[aria-disabled="true"],
.acud-pagination-simple-pager input[disabled]:hover,
.acud-pagination-simple-pager input[aria-disabled="true"]:hover,
.acud-pagination-simple-pager input[disabled]:focus,
.acud-pagination-simple-pager input[aria-disabled="true"]:focus,
.acud-pagination-simple-pager input[disabled]:active,
.acud-pagination-simple-pager input[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-pagination-simple-pager input:hover {
background-color: #FFFFFF;
}
.acud-pagination-simple-pager input:focus,
.acud-pagination-simple-pager input:active {
background-color: #FFFFFF;
}
.acud-pagination-simple-pager input[disabled],
.acud-pagination-simple-pager input[aria-disabled="true"],
.acud-pagination-simple-pager input[disabled]:hover,
.acud-pagination-simple-pager input[aria-disabled="true"]:hover,
.acud-pagination-simple-pager input[disabled]:focus,
.acud-pagination-simple-pager input[aria-disabled="true"]:focus,
.acud-pagination-simple-pager input[disabled]:active,
.acud-pagination-simple-pager input[aria-disabled="true"]:active {
background-color: #F7F7F9;
}
.acud-pagination-simple-pager input:hover {
border-color: #2468F2;
}
.acud-pagination-simple-pager input:focus,
.acud-pagination-simple-pager input:active {
border-color: #144BCC;
}
.acud-pagination-simple-pager input[disabled],
.acud-pagination-simple-pager input[aria-disabled="true"],
.acud-pagination-simple-pager input[disabled]:hover,
.acud-pagination-simple-pager input[aria-disabled="true"]:hover,
.acud-pagination-simple-pager input[disabled]:focus,
.acud-pagination-simple-pager input[aria-disabled="true"]:focus,
.acud-pagination-simple-pager input[disabled]:active,
.acud-pagination-simple-pager input[aria-disabled="true"]:active {
border-color: #E8E9EB;
}
@media only screen and (max-width: 992px) {
.acud-pagination-item-after-jump-prev,
.acud-pagination-item-before-jump-next {
display: none;
}
}
@media only screen and (max-width: 576px) {
.acud-pagination-options {
display: none;
}
}
/* color */
/* 默认颜色 */
/* 通用-icon */
/* 标签 */
/* 默认颜色 */
/* 其他颜色 */
/* 通用 */
/* 水平 */
/* 垂直 */
/* 序号水平 */
/* 序号垂直 */
.acud-popconfirm {
line-height: 1.6667;
z-index: 1060;
}
.acud-popconfirm .acud-popover-buttons button {
vertical-align: middle;
}
/* color */
/* 默认颜色 */
/* 通用-icon */
/* 标签 */
/* 默认颜色 */
/* 其他颜色 */
/* 通用 */
/* 水平 */
/* 垂直 */
/* 序号水平 */
/* 序号垂直 */
.acud-progress {
position: relative;
width: 100%;
line-height: 1;
}
.acud-progress .acud-progress-label {
color: #151B26;
font-size: 12px;
font-weight: 400;
}
.acud-progress-error .acud-progress-label-icon,
.acud-progress-success .acud-progress-label-icon {
font-size: 0;
}
.acud-progress-label-hidden .acud-progress-label {
display: none;
}
.acud-progress-label-hidden .acud-progress-label.acud-progress-label-outer,
.acud-progress-label-hidden .acud-progress-label.acud-progress-label-inner {
display: none;
}
.acud-progress-line {
white-space: nowrap;
font-size: 0;
}
.acud-progress-line .acud-progress-wrapper {
display: inline-block;
vertical-align: middle;
width: 100%;
height: 100%;
margin-right: -50px;
padding-right: 50px;
}
.acud-progress-line .acud-progress-trail {
width: 100%;
height: 100%;
border-radius: 100px;
overflow: hidden;
background-color: #E8E9EB;
}
.acud-progress-line .acud-progress-bar {
display: inline-block;
vertical-align: middle;
position: relative;
height: 100%;
transition: all 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) 0s;
}
.acud-progress-line .acud-progress-label {
display: inline-block;
vertical-align: middle;
}
.acud-progress-line .acud-progress-label-outer {
margin-left: 8px;
}
.acud-progress-line .acud-progress-label-inner {
position: absolute;
top: 50%;
transform: translate(0, -50%);
}
.acud-progress-line .acud-progress-label-inner-right {
position: absolute;
right: -8px;
transform: translate(100%, -50%);
}
.acud-progress-line .acud-progress-label-inner-left {
position: absolute;
right: 8px;
transform: translate(0, -50%);
}
.acud-progress-label-hidden .acud-progress-wrapper {
padding-right: 0;
margin-right: 0;
}
.acud-progress-linecap-round .acud-progress-bar {
border-radius: 100px;
}
.acud-progress-line.acud-progress-small .acud-progress-wrapper {
height: 4px;
}
.acud-progress-line.acud-progress-middle .acud-progress-wrapper {
height: 8px;
}
.acud-progress-line.acud-progress-large .acud-progress-wrapper {
height: 12px;
}
.acud-progress-line.acud-progress-active .acud-progress-bar {
background-color: #2468F2;
}
.acud-progress-line.acud-progress-success .acud-progress-bar {
background-color: #30BF13;
}
.acud-progress-line.acud-progress-error .acud-progress-bar {
background-color: #F33E3E;
}
.acud-progress-circle {
position: relative;
width: 80px;
height: 80px;
}
.acud-progress-circle .acud-progress-trail {
position: absolute;
width: 100%;
height: 100%;
color: #E8E9EB;
}
.acud-progress-circle .acud-progress-text-wrapper {
position: absolute;
top: 50%;
left: 0;
width: 100%;
text-align: center;
transform: translate(0, -50%);
}
.acud-progress-circle.acud-progress-small {
width: 40px;
height: 40px;
}
.acud-progress-circle.acud-progress-small .acud-progress-label {
font-size: 12px;
}
.acud-progress-circle.acud-progress-middle {
width: 80px;
height: 80px;
}
.acud-progress-circle.acud-progress-middle .acud-progress-label {
font-size: 14px;
}
.acud-progress-circle.acud-progress-large {
width: 120px;
height: 120px;
}
.acud-progress-circle.acud-progress-large .acud-progress-label {
font-size: 16px;
}
.acud-progress-circle.acud-progress-active .acud-progress-bar {
position: absolute;
width: 100%;
height: 100%;
color: #2468F2;
}
.acud-progress-circle.acud-progress-success .acud-progress-bar {
position: absolute;
width: 100%;
height: 100%;
color: #30BF13;
}
.acud-progress-circle.acud-progress-error .acud-progress-bar {
position: absolute;
width: 100%;
height: 100%;
color: #F33E3E;
}
/* color */
/* 默认颜色 */
/* 通用-icon */
/* 标签 */
/* 默认颜色 */
/* 其他颜色 */
/* 通用 */
/* 水平 */
/* 垂直 */
/* 序号水平 */
/* 序号垂直 */
.acud-rate {
display: inline-flex;
justify-content: flex-start;
align-items: center;
position: relative;
/* 🌟 */
/* 标签 */
}
.acud-rate-star {
color: #E8E9EB;
cursor: pointer;
display: inline-block;
position: relative;
/* 半⭐样式 */
/* 鼠标划过 两个半星星transtion时会有缝隙 单个设置变形同时设置transform-origin */
/* 普通样式 */
/* 高分选中样式 */
/* 低分选中样式 */
/* 鼠标焦点选中样式 */
/* 禁用样式 */
}
.acud-rate-star-inner {
width: 24px;
height: 24px;
overflow: hidden;
position: relative;
}
.acud-rate-star-inner-left {
transform-origin: center center;
transition: all 0.3s;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 50%;
line-height: 100%;
}
.acud-rate-star-inner-left-svg {
width: 200%;
height: 100%;
position: relative;
}
.acud-rate-star-inner-left-svg svg {
width: 100%;
height: 100%;
}
.acud-rate-star-inner-right {
transform-origin: center center;
transition: all 0.3s;
position: absolute;
top: 0;
right: 0%;
height: 100%;
width: 50%;
overflow: hidden;
line-height: 100%;
}
.acud-rate-star-inner-right-svg {
width: 200%;
height: 100%;
position: relative;
right: 100%;
}
.acud-rate-star-inner-right-svg svg {
width: 100%;
height: 100%;
}
.acud-rate-star-half .acud-rate-star-inner-right {
color: #E8E9EB;
}
.acud-rate-star:not(:last-child) {
margin-right: 4px;
}
.acud-rate-star:hover .acud-rate-star-inner-left {
transform: scale(1.1);
}
.acud-rate-star:hover .acud-rate-star-inner-right {
transform: scale(1.1);
}
.acud-rate-star-normal {
color: #E8E9EB;
}
.acud-rate-star-full {
color: #FF9326;
}
.acud-rate-star-low {
color: #FF9326;
}
.acud-rate-star-focues .acud-rate-star-inner-left {
transform: scale(1.1);
}
.acud-rate-star-focues .acud-rate-star-inner-right {
transform: scale(1.1);
}
.acud-rate-star-disabled {
cursor: not-allowed;
}
.acud-rate-label {
color: #151B26;
}
.acud-rate-tags {
width: 100%;
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
margin-top: 12px;
}
.acud-rate-tags-item {
min-width: 72px;
height: 32px;
color: #84868C;
border: 1px solid #B8BABF;
border-radius: 4px;
font-size: 8px;
line-height: 32px;
text-align: center;
box-sizing: border-box;
padding: 0 12px;
margin-bottom: 4px;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
transition: all 0.3s;
cursor: pointer;
}
.acud-rate-tags-item:hover {
color: #2468F2;
}
.acud-rate-tags-item:focus,
.acud-rate-tags-item:active {
color: #144BCC;
}
.acud-rate-tags-item[disabled],
.acud-rate-tags-item[aria-disabled="true"],
.acud-rate-tags-item[disabled]:hover,
.acud-rate-tags-item[aria-disabled="true"]:hover,
.acud-rate-tags-item[disabled]:focus,
.acud-rate-tags-item[aria-disabled="true"]:focus,
.acud-rate-tags-item[disabled]:active,
.acud-rate-tags-item[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-rate-tags-item:not(:last-child) {
margin-right: 4px;
}
.acud-rate-tags-item:hover {
color: #528EFF;
border-color: #528EFF;
}
.acud-rate-tags-select {
color: #2468F2;
border-color: #2468F2;
}
.acud-rate-tags-disabled {
cursor: not-allowed;
}
.acud-rate-tags-disabled:hover {
color: #84868C;
border-color: #84868C;
}
.acud-rate-tags-disabled:hover:hover {
color: #2468F2;
}
.acud-rate-tags-disabled:hover:focus,
.acud-rate-tags-disabled:hover:active {
color: #144BCC;
}
.acud-rate-tags-disabled:hover[disabled],
.acud-rate-tags-disabled:hover[aria-disabled="true"],
.acud-rate-tags-disabled:hover[disabled]:hover,
.acud-rate-tags-disabled:hover[aria-disabled="true"]:hover,
.acud-rate-tags-disabled:hover[disabled]:focus,
.acud-rate-tags-disabled:hover[aria-disabled="true"]:focus,
.acud-rate-tags-disabled:hover[disabled]:active,
.acud-rate-tags-disabled:hover[aria-disabled="true"]:active {
color: #B8BABF;
}
/* color */
/* 默认颜色 */
/* 通用-icon */
/* 标签 */
/* 默认颜色 */
/* 其他颜色 */
/* 通用 */
/* 水平 */
/* 垂直 */
/* 序号水平 */
/* 序号垂直 */
::-webkit-search-cancel-button {
display: none;
}
.acud-input-search-multiple .acud-input {
padding-left: 0;
}
.acud-input-search-multiple .acud-input-addon .acud-select:not(.acud-select-customize-input) {
width: 88px;
height: 30px;
}
.acud-input-search-multiple .acud-input-addon .acud-select:not(.acud-select-customize-input) .acud-select-selector {
color: #151B26;
background-color: #F7F7F9;
border: none;
border-radius: 0;
}
.acud-input-search-multiple .acud-input-addon .acud-select:not(.acud-select-customize-input) .acud-select-selector:hover {
color: #151B26;
background-color: #F2F2F4;
}
.acud-input-search-multiple .acud-input-addon .acud-select:not(.acud-select-customize-input) .acud-select-selector:active {
color: #151B26;
background-color: #F2F2F4;
}
.acud-input-search-multiple .acud-input-addon .acud-select:not(.acud-select-customize-input) .acud-select-selector .acud-select-selection-item {
color: #151B26;
}
.acud-input-search-multiple .acud-input-addon .acud-select:not(.acud-select-customize-input) .acud-select-arrow {
color: #5C5F66;
}
.acud-input-search-multiple .acud-input-addon .acud-select:not(.acud-select-customize-input).acud-select-disabled .acud-select-selector,
.acud-input-search-multiple .acud-input-addon .acud-select:not(.acud-select-customize-input).acud-select-disabled .acud-select-selector:hover,
.acud-input-search-multiple .acud-input-addon .acud-select:not(.acud-select-customize-input).acud-select-disabled .acud-select-selector:active {
color: #B8BABF;
background-color: #F2F2F4;
}
.acud-input-search-multiple .acud-input-addon .acud-select:not(.acud-select-customize-input).acud-select-disabled .acud-select-selector .acud-select-selection-item {
color: #B8BABF;
}
.acud-input-search-multiple .acud-input-addon .acud-select:not(.acud-select-customize-input).acud-select-disabled .acud-select-arrow {
color: #B8BABF;
}
.acud-input-search {
display: flex;
}
.acud-input-search-icon.acudicon {
color: #151B26;
cursor: pointer;
}
.acud-input-search-icon.acudicon:hover {
color: #2468F2;
}
.acud-input-search-icon.acudicon:focus,
.acud-input-search-icon.acudicon:active {
color: #144BCC;
}
.acud-input-search-icon.acudicon[disabled],
.acud-input-search-icon.acudicon[aria-disabled="true"],
.acud-input-search-icon.acudicon[disabled]:hover,
.acud-input-search-icon.acudicon[aria-disabled="true"]:hover,
.acud-input-search-icon.acudicon[disabled]:focus,
.acud-input-search-icon.acudicon[aria-disabled="true"]:focus,
.acud-input-search-icon.acudicon[disabled]:active,
.acud-input-search-icon.acudicon[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-input-search-loading-icon.acudicon {
color: #2468F2;
}
.acud-input-search-enter-button .acud-input {
border-right: none;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.acud-input-search-enter-button .acud-btn {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
box-shadow: none;
color: #FFFFFF;
background-color: #2468F2;
border-color: #2468F2;
}
.acud-input-search-enter-button .acud-btn:hover {
color: #FFFFFF;
}
.acud-input-search-enter-button .acud-btn:focus,
.acud-input-search-enter-button .acud-btn:active {
color: #FFFFFF;
}
.acud-input-search-enter-button .acud-btn[disabled],
.acud-input-search-enter-button .acud-btn[aria-disabled="true"],
.acud-input-search-enter-button .acud-btn[disabled]:hover,
.acud-input-search-enter-button .acud-btn[aria-disabled="true"]:hover,
.acud-input-search-enter-button .acud-btn[disabled]:focus,
.acud-input-search-enter-button .acud-btn[aria-disabled="true"]:focus,
.acud-input-search-enter-button .acud-btn[disabled]:active,
.acud-input-search-enter-button .acud-btn[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-input-search-enter-button .acud-btn:hover {
background-color: #528EFF;
}
.acud-input-search-enter-button .acud-btn:focus,
.acud-input-search-enter-button .acud-btn:active {
background-color: #144BCC;
}
.acud-input-search-enter-button .acud-btn[disabled],
.acud-input-search-enter-button .acud-btn[aria-disabled="true"],
.acud-input-search-enter-button .acud-btn[disabled]:hover,
.acud-input-search-enter-button .acud-btn[aria-disabled="true"]:hover,
.acud-input-search-enter-button .acud-btn[disabled]:focus,
.acud-input-search-enter-button .acud-btn[aria-disabled="true"]:focus,
.acud-input-search-enter-button .acud-btn[disabled]:active,
.acud-input-search-enter-button .acud-btn[aria-disabled="true"]:active {
background-color: #F2F2F4;
}
.acud-input-search-enter-button .acud-btn:hover {
border-color: #528EFF;
}
.acud-input-search-enter-button .acud-btn:focus,
.acud-input-search-enter-button .acud-btn:active {
border-color: #144BCC;
}
.acud-input-search-enter-button .acud-btn[disabled],
.acud-input-search-enter-button .acud-btn[aria-disabled="true"],
.acud-input-search-enter-button .acud-btn[disabled]:hover,
.acud-input-search-enter-button .acud-btn[aria-disabled="true"]:hover,
.acud-input-search-enter-button .acud-btn[disabled]:focus,
.acud-input-search-enter-button .acud-btn[aria-disabled="true"]:focus,
.acud-input-search-enter-button .acud-btn[disabled]:active,
.acud-input-search-enter-button .acud-btn[aria-disabled="true"]:active {
border-color: #E8E9EB;
}
.acud-input-search-enter-button .acud-btn:hover {
box-shadow: none;
}
.acud-input-search-enter-button .acud-btn[disabled] {
border: none;
box-shadow: none;
}
.acud-input-search-enter-button .acud-btn[disabled]:hover {
border: none;
box-shadow: none;
}
.acud-input-search-enter-button .acud-btn .acudicon {
height: 16px;
}
.acud-input-search-enter-button-disabled {
border: solid 1px #E8E9EB;
border-radius: 4px;
}
.acud-input-search-enter-button-disabled .acud-input {
border: none;
}
.acud-input-search .acud-input-suffix {
font-size: 16px;
}
/* color */
/* 默认颜色 */
/* 通用-icon */
/* 标签 */
/* 默认颜色 */
/* 其他颜色 */
/* 通用 */
/* 水平 */
/* 垂直 */
/* 序号水平 */
/* 序号垂直 */
.acud-skeleton {
display: table;
width: 100%;
}
.acud-skeleton-header {
display: table-cell;
padding-right: 16px;
vertical-align: top;
}
.acud-skeleton-header .acud-skeleton-avatar {
display: inline-block;
vertical-align: top;
background: rgba(190, 190, 190, 0.2);
width: 28px;
height: 28px;
line-height: 28px;
}
.acud-skeleton-header .acud-skeleton-avatar.acud-skeleton-avatar-circle {
border-radius: 50%;
}
.acud-skeleton-header .acud-skeleton-avatar-lg {
width: 32px;
height: 32px;
line-height: 32px;
}
.acud-skeleton-header .acud-skeleton-avatar-lg.acud-skeleton-avatar-circle {
border-radius: 50%;
}
.acud-skeleton-header .acud-skeleton-avatar-sm {
width: 22px;
height: 22px;
line-height: 22px;
}
.acud-skeleton-header .acud-skeleton-avatar-sm.acud-skeleton-avatar-circle {
border-radius: 50%;
}
.acud-skeleton-content {
display: table-cell;
width: 100%;
vertical-align: top;
}
.acud-skeleton-content .acud-skeleton-title {
width: 100%;
height: 16px;
background: rgba(190, 190, 190, 0.2);
border-radius: 0px;
}
.acud-skeleton-content .acud-skeleton-title + .acud-skeleton-paragraph {
margin-top: 24px;
}
.acud-skeleton-content .acud-skeleton-paragraph {
padding: 0;
}
.acud-skeleton-content .acud-skeleton-paragraph > li {
width: 100%;
height: 16px;
list-style: none;
background: rgba(190, 190, 190, 0.2);
border-radius: 0px;
}
.acud-skeleton-content .acud-skeleton-paragraph > li:last-child:not(:first-child):not(:nth-child(2)) {
width: 61%;
}
.acud-skeleton-content .acud-skeleton-paragraph > li + li {
margin-top: 16px;
}
.acud-skeleton-with-avatar .acud-skeleton-content .acud-skeleton-title {
margin-top: 12px;
}
.acud-skeleton-with-avatar .acud-skeleton-content .acud-skeleton-title + .acud-skeleton-paragraph {
margin-top: 28px;
}
.acud-skeleton-round .acud-skeleton-content .acud-skeleton-title,
.acud-skeleton-round .acud-skeleton-content .acud-skeleton-paragraph > li {
border-radius: 100px;
}
.acud-skeleton-active .acud-skeleton-title,
.acud-skeleton-active .acud-skeleton-paragraph > li,
.acud-skeleton-active .acud-skeleton-avatar,
.acud-skeleton-active .acud-skeleton-button,
.acud-skeleton-active .acud-skeleton-input,
.acud-skeleton-active .acud-skeleton-image {
position: relative;
z-index: 0;
overflow: hidden;
background: transparent;
}
.acud-skeleton-active .acud-skeleton-title::after,
.acud-skeleton-active .acud-skeleton-paragraph > li::after,
.acud-skeleton-active .acud-skeleton-avatar::after,
.acud-skeleton-active .acud-skeleton-button::after,
.acud-skeleton-active .acud-skeleton-input::after,
.acud-skeleton-active .acud-skeleton-image::after {
position: absolute;
top: 0;
right: -150%;
bottom: 0;
left: -150%;
background: linear-gradient(90deg, rgba(190, 190, 190, 0.2) 25%, rgba(129, 129, 129, 0.24) 37%, rgba(190, 190, 190, 0.2) 63%);
animation: acud-skeleton-loading 1.4s ease infinite;
content: '';
}
.acud-skeleton.acud-skeleton-block {
width: 100%;
}
.acud-skeleton.acud-skeleton-block .acud-skeleton-button {
width: 100%;
}
.acud-skeleton.acud-skeleton-block .acud-skeleton-input {
width: 100%;
}
.acud-skeleton-element {
display: inline-block;
width: auto;
}
.acud-skeleton-element .acud-skeleton-button {
display: inline-block;
vertical-align: top;
background: rgba(190, 190, 190, 0.2);
border-radius: 0px;
width: 64px;
min-width: 64px;
height: 32px;
line-height: 32px;
}
.acud-skeleton-element .acud-skeleton-button.acud-skeleton-button-square {
width: 32px;
min-width: 32px;
}
.acud-skeleton-element .acud-skeleton-button.acud-skeleton-button-circle {
width: 32px;
min-width: 32px;
border-radius: 50%;
}
.acud-skeleton-element .acud-skeleton-button.acud-skeleton-button-round {
border-radius: 32px;
}
.acud-skeleton-element .acud-skeleton-button-lg {
width: 80px;
min-width: 80px;
height: 40px;
line-height: 40px;
}
.acud-skeleton-element .acud-skeleton-button-lg.acud-skeleton-button-square {
width: 40px;
min-width: 40px;
}
.acud-skeleton-element .acud-skeleton-button-lg.acud-skeleton-button-circle {
width: 40px;
min-width: 40px;
border-radius: 50%;
}
.acud-skeleton-element .acud-skeleton-button-lg.acud-skeleton-button-round {
border-radius: 40px;
}
.acud-skeleton-element .acud-skeleton-button-sm {
width: 48px;
min-width: 48px;
height: 24px;
line-height: 24px;
}
.acud-skeleton-element .acud-skeleton-button-sm.acud-skeleton-button-square {
width: 24px;
min-width: 24px;
}
.acud-skeleton-element .acud-skeleton-button-sm.acud-skeleton-button-circle {
width: 24px;
min-width: 24px;
border-radius: 50%;
}
.acud-skeleton-element .acud-skeleton-button-sm.acud-skeleton-button-round {
border-radius: 24px;
}
.acud-skeleton-element .acud-skeleton-avatar {
display: inline-block;
vertical-align: top;
background: rgba(190, 190, 190, 0.2);
width: 28px;
height: 28px;
line-height: 28px;
}
.acud-skeleton-element .acud-skeleton-avatar.acud-skeleton-avatar-circle {
border-radius: 50%;
}
.acud-skeleton-element .acud-skeleton-avatar-lg {
width: 32px;
height: 32px;
line-height: 32px;
}
.acud-skeleton-element .acud-skeleton-avatar-lg.acud-skeleton-avatar-circle {
border-radius: 50%;
}
.acud-skeleton-element .acud-skeleton-avatar-sm {
width: 22px;
height: 22px;
line-height: 22px;
}
.acud-skeleton-element .acud-skeleton-avatar-sm.acud-skeleton-avatar-circle {
border-radius: 50%;
}
.acud-skeleton-element .acud-skeleton-input {
display: inline-block;
vertical-align: top;
background: rgba(190, 190, 190, 0.2);
width: 160px;
min-width: 160px;
height: 32px;
line-height: 32px;
}
.acud-skeleton-element .acud-skeleton-input-lg {
width: 200px;
min-width: 200px;
height: 40px;
line-height: 40px;
}
.acud-skeleton-element .acud-skeleton-input-sm {
width: 120px;
min-width: 120px;
height: 24px;
line-height: 24px;
}
.acud-skeleton-element .acud-skeleton-image {
display: flex;
align-items: center;
justify-content: center;
vertical-align: top;
background: rgba(190, 190, 190, 0.2);
width: 96px;
height: 96px;
line-height: 96px;
}
.acud-skeleton-element .acud-skeleton-image.acud-skeleton-image-circle {
border-radius: 50%;
}
.acud-skeleton-element .acud-skeleton-image-path {
fill: #bfbfbf;
}
.acud-skeleton-element .acud-skeleton-image-svg {
width: 48px;
height: 48px;
line-height: 48px;
max-width: 192px;
max-height: 192px;
}
.acud-skeleton-element .acud-skeleton-image-svg.acud-skeleton-image-circle {
border-radius: 50%;
}
@keyframes acud-skeleton-loading {
0% {
transform: translateX(-37.5%);
}
100% {
transform: translateX(37.5%);
}
}
/* color */
/* 默认颜色 */
/* 通用-icon */
/* 标签 */
/* 默认颜色 */
/* 其他颜色 */
/* 通用 */
/* 水平 */
/* 垂直 */
/* 序号水平 */
/* 序号垂直 */
.acud-space {
display: inline-flex;
}
.acud-space-vertical {
flex-direction: column;
}
.acud-space-align-center {
align-items: center;
}
.acud-space-align-start {
align-items: flex-start;
}
.acud-space-align-end {
align-items: flex-end;
}
.acud-space-align-baseline {
align-items: baseline;
}
.acud-space-item:empty {
display: none;
}
/* color */
/* 默认颜色 */
/* 通用-icon */
/* 标签 */
/* 默认颜色 */
/* 其他颜色 */
/* 通用 */
/* 水平 */
/* 垂直 */
/* 序号水平 */
/* 序号垂直 */
.acud-steps {
margin: 0;
padding: 0;
display: flex;
width: 100%;
font-size: 0;
text-align: initial;
}
.acud-steps-item {
position: relative;
display: inline-block;
flex: 1;
overflow: hidden;
vertical-align: top;
}
.acud-steps-item-container {
outline: none;
}
.acud-steps-item:last-child {
flex: none;
}
.acud-steps-item:last-child > .acud-steps-item-container > .acud-steps-item-tail,
.acud-steps-item:last-child > .acud-steps-item-container > .acud-steps-item-content > .acud-steps-item-title::after {
display: none;
}
.acud-steps-item-icon,
.acud-steps-item-content {
display: inline-block;
vertical-align: top;
}
.acud-steps-item-icon {
width: 24px;
height: 24px;
margin: 0 8px 0 0;
font-size: 14px;
font-family: -apple-system, BlinkMacSystemFont, "SF Pro SC", "SF Pro Text", "Helvetica Neue", Helvetica, "PingFang SC", Roboto, 'Arial', 'microsoft yahei ui', "Microsoft YaHei", SimSun, sans-serif;
text-align: center;
border: 1px solid #84868C;
border-radius: 24px;
transition: background-color 0.3s, border-color 0.3s;
position: relative;
color: #B8BABF;
background-color: #FFFFFF;
border-color: #E8E9EB;
}
.acud-steps-item-icon .acud-steps-icon,
.acud-steps-item-icon svg {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
line-height: 24px;
}
.acud-steps-item-icon:hover {
color: #B8BABF;
}
.acud-steps-item-icon:focus,
.acud-steps-item-icon:active {
color: #FFFFFF;
}
.acud-steps-item-icon[disabled],
.acud-steps-item-icon[aria-disabled="true"],
.acud-steps-item-icon[disabled]:hover,
.acud-steps-item-icon[aria-disabled="true"]:hover,
.acud-steps-item-icon[disabled]:focus,
.acud-steps-item-icon[aria-disabled="true"]:focus,
.acud-steps-item-icon[disabled]:active,
.acud-steps-item-icon[aria-disabled="true"]:active {
color: transparent;
}
.acud-steps-item-icon:hover {
background-color: #FFFFFF;
}
.acud-steps-item-icon:focus,
.acud-steps-item-icon:active {
background-color: #2468F2;
}
.acud-steps-item-icon[disabled],
.acud-steps-item-icon[aria-disabled="true"],
.acud-steps-item-icon[disabled]:hover,
.acud-steps-item-icon[aria-disabled="true"]:hover,
.acud-steps-item-icon[disabled]:focus,
.acud-steps-item-icon[aria-disabled="true"]:focus,
.acud-steps-item-icon[disabled]:active,
.acud-steps-item-icon[aria-disabled="true"]:active {
background-color: transparent;
}
.acud-steps-item-icon:hover {
border-color: #E8E9EB;
}
.acud-steps-item-icon:focus,
.acud-steps-item-icon:active {
border-color: #2468F2;
}
.acud-steps-item-icon[disabled],
.acud-steps-item-icon[aria-disabled="true"],
.acud-steps-item-icon[disabled]:hover,
.acud-steps-item-icon[aria-disabled="true"]:hover,
.acud-steps-item-icon[disabled]:focus,
.acud-steps-item-icon[aria-disabled="true"]:focus,
.acud-steps-item-icon[disabled]:active,
.acud-steps-item-icon[aria-disabled="true"]:active {
border-color: transparent;
}
.acud-steps-item-tail {
position: absolute;
top: 12px;
left: 0;
width: 100%;
padding: 0 10px;
}
.acud-steps-item-tail::after {
display: inline-block;
width: 100%;
height: 1px;
background: #E8E9EB;
border-radius: 1px;
transition: background 0.3s;
content: '';
}
.acud-steps-item-title {
position: relative;
display: inline-block;
padding-right: 8px;
font-size: 14px;
line-height: 24px;
font-weight: 400;
color: #84868C;
}
.acud-steps-item-title:hover {
color: #84868C;
}
.acud-steps-item-title:focus,
.acud-steps-item-title:active {
color: #151B26;
}
.acud-steps-item-title[disabled],
.acud-steps-item-title[aria-disabled="true"],
.acud-steps-item-title[disabled]:hover,
.acud-steps-item-title[aria-disabled="true"]:hover,
.acud-steps-item-title[disabled]:focus,
.acud-steps-item-title[aria-disabled="true"]:focus,
.acud-steps-item-title[disabled]:active,
.acud-steps-item-title[aria-disabled="true"]:active {
color: transparent;
}
.acud-steps-item-title::after {
position: absolute;
top: 12px;
left: 100%;
display: block;
width: 9999px;
height: 1px;
background: #E8E9EB;
content: '';
}
.acud-steps-item-subtitle {
display: inline;
margin-left: 8px;
color: #84868C;
font-weight: 200;
font-size: 12px;
}
.acud-steps-item-description {
font-size: 12px;
margin-top: 4px;
font-weight: 400;
}
.acud-steps-item-process .acud-steps-item-icon {
background-color: #FFFFFF;
border-color: #2468F2;
}
.acud-steps-item-process .acud-steps-item-icon > .acud-steps-icon {
color: #2468F2;
}
.acud-steps-item-process .acud-steps-item-icon > .acud-steps-icon .acud-steps-icon-dot {
background: #2468F2;
}
.acud-steps-item-process > .acud-steps-item-container > .acud-steps-item-content > .acud-steps-item-title {
color: #151B26;
}
.acud-steps-item-process > .acud-steps-item-container > .acud-steps-item-content > .acud-steps-item-title::after {
background-color: #E8E9EB;
}
.acud-steps-item-process > .acud-steps-item-container > .acud-steps-item-content > .acud-steps-item-description {
color: #84868C;
}
.acud-steps-item-process > .acud-steps-item-container > .acud-steps-item-tail::after {
background-color: #E8E9EB;
}
.acud-steps-item-wait .acud-steps-item-icon {
background-color: #FFFFFF;
border-color: #E8E9EB;
}
.acud-steps-item-wait .acud-steps-item-icon > .acud-steps-icon {
color: #84868C;
}
.acud-steps-item-wait .acud-steps-item-icon > .acud-steps-icon .acud-steps-icon-dot {
background: #84868C;
}
.acud-steps-item-wait > .acud-steps-item-container > .acud-steps-item-content > .acud-steps-item-title {
color: #84868C;
}
.acud-steps-item-wait > .acud-steps-item-container > .acud-steps-item-content > .acud-steps-item-title::after {
background-color: #E8E9EB;
}
.acud-steps-item-wait > .acud-steps-item-container > .acud-steps-item-content > .acud-steps-item-description {
color: #84868C;
}
.acud-steps-item-wait > .acud-steps-item-container > .acud-steps-item-tail::after {
background-color: #E8E9EB;
}
.acud-steps-item-wait > .acud-steps-item-container > .acud-steps-item-icon .acud-steps-icon {
color: #B8BABF;
}
.acud-steps-item-process > .acud-steps-item-container > .acud-steps-item-icon {
background: #2468F2;
}
.acud-steps-item-process > .acud-steps-item-container > .acud-steps-item-icon .acud-steps-icon {
color: #FFFFFF;
}
.acud-steps-item-process > .acud-steps-item-container > .acud-steps-item-title {
font-weight: 500;
}
.acud-steps-item-finish > .acud-steps-item-container > .acud-steps-item-icon .acud-steps-icon {
color: #2468F2;
}
.acud-steps-item-finish .acud-steps-item-icon {
background-color: #FFFFFF;
border-color: #2468F2;
}
.acud-steps-item-finish .acud-steps-item-icon > .acud-steps-icon {
color: #2468F2;
}
.acud-steps-item-finish .acud-steps-item-icon > .acud-steps-icon .acud-steps-icon-dot {
background: #2468F2;
}
.acud-steps-item-finish > .acud-steps-item-container > .acud-steps-item-content > .acud-steps-item-title {
color: #151B26;
}
.acud-steps-item-finish > .acud-steps-item-container > .acud-steps-item-content > .acud-steps-item-title::after {
background-color: #E8E9EB;
}
.acud-steps-item-finish > .acud-steps-item-container > .acud-steps-item-content > .acud-steps-item-description {
color: #84868C;
}
.acud-steps-item-finish > .acud-steps-item-container > .acud-steps-item-tail::after {
background-color: #E8E9EB;
}
.acud-steps-item-error .acud-steps-item-icon {
background-color: #FFFFFF;
border-color: #F33E3E;
}
.acud-steps-item-error .acud-steps-item-icon > .acud-steps-icon {
color: #FFFFFF;
}
.acud-steps-item-error .acud-steps-item-icon > .acud-steps-icon .acud-steps-icon-dot {
background: #FFFFFF;
}
.acud-steps-item-error > .acud-steps-item-container > .acud-steps-item-content > .acud-steps-item-title {
color: #151B26;
}
.acud-steps-item-error > .acud-steps-item-container > .acud-steps-item-content > .acud-steps-item-title::after {
background-color: #E8E9EB;
}
.acud-steps-item-error > .acud-steps-item-container > .acud-steps-item-content > .acud-steps-item-description {
color: #84868C;
}
.acud-steps-item-error > .acud-steps-item-container > .acud-steps-item-tail::after {
background-color: #E8E9EB;
}
.acud-steps-item.acud-steps-next-error .acud-steps-item-title::after {
background: #FFFFFF;
}
.acud-steps-item-error > .acud-steps-item-container > .acud-steps-item-icon .acud-steps-icon {
color: #F33E3E;
}
.acud-steps-item-disabled {
cursor: not-allowed;
}
.acud-steps .acud-steps-item:not(.acud-steps-item-active) > .acud-steps-item-container[role='button'] {
cursor: pointer;
}
.acud-steps .acud-steps-item:not(.acud-steps-item-active) > .acud-steps-item-container[role='button'] .acud-steps-item-title,
.acud-steps .acud-steps-item:not(.acud-steps-item-active) > .acud-steps-item-container[role='button'] .acud-steps-item-subtitle,
.acud-steps .acud-steps-item:not(.acud-steps-item-active) > .acud-steps-item-container[role='button'] .acud-steps-item-description,
.acud-steps .acud-steps-item:not(.acud-steps-item-active) > .acud-steps-item-container[role='button'] .acud-steps-item-icon .acud-steps-icon {
transition: color 0.3s;
}
.acud-steps .acud-steps-item:not(.acud-steps-item-active) > .acud-steps-item-container[role='button']:hover .acud-steps-item-title,
.acud-steps .acud-steps-item:not(.acud-steps-item-active) > .acud-steps-item-container[role='button']:hover .acud-steps-item-subtitle {
color: #84868C;
}
.acud-steps .acud-steps-item:not(.acud-steps-item-active) > .acud-steps-item-container[role='button']:hover .acud-steps-item-title:hover,
.acud-steps .acud-steps-item:not(.acud-steps-item-active) > .acud-steps-item-container[role='button']:hover .acud-steps-item-subtitle:hover {
color: #84868C;
}
.acud-steps .acud-steps-item:not(.acud-steps-item-active) > .acud-steps-item-container[role='button']:hover .acud-steps-item-title:focus,
.acud-steps .acud-steps-item:not(.acud-steps-item-active) > .acud-steps-item-container[role='button']:hover .acud-steps-item-subtitle:focus,
.acud-steps .acud-steps-item:not(.acud-steps-item-active) > .acud-steps-item-container[role='button']:hover .acud-steps-item-title:active,
.acud-steps .acud-steps-item:not(.acud-steps-item-active) > .acud-steps-item-container[role='button']:hover .acud-steps-item-subtitle:active {
color: #151B26;
}
.acud-steps .acud-steps-item:not(.acud-steps-item-active) > .acud-steps-item-container[role='button']:hover .acud-steps-item-title[disabled],
.acud-steps .acud-steps-item:not(.acud-steps-item-active) > .acud-steps-item-container[role='button']:hover .acud-steps-item-subtitle[disabled],
.acud-steps .acud-steps-item:not(.acud-steps-item-active) > .acud-steps-item-container[role='button']:hover .acud-steps-item-title[aria-disabled="true"],
.acud-steps .acud-steps-item:not(.acud-steps-item-active) > .acud-steps-item-container[role='button']:hover .acud-steps-item-subtitle[aria-disabled="true"],
.acud-steps .acud-steps-item:not(.acud-steps-item-active) > .acud-steps-item-container[role='button']:hover .acud-steps-item-title[disabled]:hover,
.acud-steps .acud-steps-item:not(.acud-steps-item-active) > .acud-steps-item-container[role='button']:hover .acud-steps-item-subtitle[disabled]:hover,
.acud-steps .acud-steps-item:not(.acud-steps-item-active) > .acud-steps-item-container[role='button']:hover .acud-steps-item-title[aria-disabled="true"]:hover,
.acud-steps .acud-steps-item:not(.acud-steps-item-active) > .acud-steps-item-container[role='button']:hover .acud-steps-item-subtitle[aria-disabled="true"]:hover,
.acud-steps .acud-steps-item:not(.acud-steps-item-active) > .acud-steps-item-container[role='button']:hover .acud-steps-item-title[disabled]:focus,
.acud-steps .acud-steps-item:not(.acud-steps-item-active) > .acud-steps-item-container[role='button']:hover .acud-steps-item-subtitle[disabled]:focus,
.acud-steps .acud-steps-item:not(.acud-steps-item-active) > .acud-steps-item-container[role='button']:hover .acud-steps-item-title[aria-disabled="true"]:focus,
.acud-steps .acud-steps-item:not(.acud-steps-item-active) > .acud-steps-item-container[role='button']:hover .acud-steps-item-subtitle[aria-disabled="true"]:focus,
.acud-steps .acud-steps-item:not(.acud-steps-item-active) > .acud-steps-item-container[role='button']:hover .acud-steps-item-title[disabled]:active,
.acud-steps .acud-steps-item:not(.acud-steps-item-active) > .acud-steps-item-container[role='button']:hover .acud-steps-item-subtitle[disabled]:active,
.acud-steps .acud-steps-item:not(.acud-steps-item-active) > .acud-steps-item-container[role='button']:hover .acud-steps-item-title[aria-disabled="true"]:active,
.acud-steps .acud-steps-item:not(.acud-steps-item-active) > .acud-steps-item-container[role='button']:hover .acud-steps-item-subtitle[aria-disabled="true"]:active {
color: transparent;
}
.acud-steps .acud-steps-item:not(.acud-steps-item-active) > .acud-steps-item-container[role='button']:hover .acud-steps-item-icon {
background-color: #FFFFFF;
border-color: #E8E9EB;
}
.acud-steps .acud-steps-item:not(.acud-steps-item-active) > .acud-steps-item-container[role='button']:hover .acud-steps-item-icon:hover {
background-color: #FFFFFF;
}
.acud-steps .acud-steps-item:not(.acud-steps-item-active) > .acud-steps-item-container[role='button']:hover .acud-steps-item-icon:focus,
.acud-steps .acud-steps-item:not(.acud-steps-item-active) > .acud-steps-item-container[role='button']:hover .acud-steps-item-icon:active {
background-color: #2468F2;
}
.acud-steps .acud-steps-item:not(.acud-steps-item-active) > .acud-steps-item-container[role='button']:hover .acud-steps-item-icon[disabled],
.acud-steps .acud-steps-item:not(.acud-steps-item-active) > .acud-steps-item-container[role='button']:hover .acud-steps-item-icon[aria-disabled="true"],
.acud-steps .acud-steps-item:not(.acud-steps-item-active) > .acud-steps-item-container[role='button']:hover .acud-steps-item-icon[disabled]:hover,
.acud-steps .acud-steps-item:not(.acud-steps-item-active) > .acud-steps-item-container[role='button']:hover .acud-steps-item-icon[aria-disabled="true"]:hover,
.acud-steps .acud-steps-item:not(.acud-steps-item-active) > .acud-steps-item-container[role='button']:hover .acud-steps-item-icon[disabled]:focus,
.acud-steps .acud-steps-item:not(.acud-steps-item-active) > .acud-steps-item-container[role='button']:hover .acud-steps-item-icon[aria-disabled="true"]:focus,
.acud-steps .acud-steps-item:not(.acud-steps-item-active) > .acud-steps-item-container[role='button']:hover .acud-steps-item-icon[disabled]:active,
.acud-steps .acud-steps-item:not(.acud-steps-item-active) > .acud-steps-item-container[role='button']:hover .acud-steps-item-icon[aria-disabled="true"]:active {
background-color: transparent;
}
.acud-steps .acud-steps-item:not(.acud-steps-item-active) > .acud-steps-item-container[role='button']:hover .acud-steps-item-icon:hover {
border-color: #E8E9EB;
}
.acud-steps .acud-steps-item:not(.acud-steps-item-active) > .acud-steps-item-container[role='button']:hover .acud-steps-item-icon:focus,
.acud-steps .acud-steps-item:not(.acud-steps-item-active) > .acud-steps-item-container[role='button']:hover .acud-steps-item-icon:active {
border-color: #2468F2;
}
.acud-steps .acud-steps-item:not(.acud-steps-item-active) > .acud-steps-item-container[role='button']:hover .acud-steps-item-icon[disabled],
.acud-steps .acud-steps-item:not(.acud-steps-item-active) > .acud-steps-item-container[role='button']:hover .acud-steps-item-icon[aria-disabled="true"],
.acud-steps .acud-steps-item:not(.acud-steps-item-active) > .acud-steps-item-container[role='button']:hover .acud-steps-item-icon[disabled]:hover,
.acud-steps .acud-steps-item:not(.acud-steps-item-active) > .acud-steps-item-container[role='button']:hover .acud-steps-item-icon[aria-disabled="true"]:hover,
.acud-steps .acud-steps-item:not(.acud-steps-item-active) > .acud-steps-item-container[role='button']:hover .acud-steps-item-icon[disabled]:focus,
.acud-steps .acud-steps-item:not(.acud-steps-item-active) > .acud-steps-item-container[role='button']:hover .acud-steps-item-icon[aria-disabled="true"]:focus,
.acud-steps .acud-steps-item:not(.acud-steps-item-active) > .acud-steps-item-container[role='button']:hover .acud-steps-item-icon[disabled]:active,
.acud-steps .acud-steps-item:not(.acud-steps-item-active) > .acud-steps-item-container[role='button']:hover .acud-steps-item-icon[aria-disabled="true"]:active {
border-color: transparent;
}
.acud-steps .acud-steps-item:not(.acud-steps-item-active) > .acud-steps-item-container[role='button']:hover .acud-steps-item-icon .acud-steps-icon {
color: #B8BABF;
}
.acud-steps .acud-steps-item:not(.acud-steps-item-active) > .acud-steps-item-container[role='button']:hover .acud-steps-item-icon .acud-steps-icon:hover {
color: #B8BABF;
}
.acud-steps .acud-steps-item:not(.acud-steps-item-active) > .acud-steps-item-container[role='button']:hover .acud-steps-item-icon .acud-steps-icon:focus,
.acud-steps .acud-steps-item:not(.acud-steps-item-active) > .acud-steps-item-container[role='button']:hover .acud-steps-item-icon .acud-steps-icon:active {
color: #FFFFFF;
}
.acud-steps .acud-steps-item:not(.acud-steps-item-active) > .acud-steps-item-container[role='button']:hover .acud-steps-item-icon .acud-steps-icon[disabled],
.acud-steps .acud-steps-item:not(.acud-steps-item-active) > .acud-steps-item-container[role='button']:hover .acud-steps-item-icon .acud-steps-icon[aria-disabled="true"],
.acud-steps .acud-steps-item:not(.acud-steps-item-active) > .acud-steps-item-container[role='button']:hover .acud-steps-item-icon .acud-steps-icon[disabled]:hover,
.acud-steps .acud-steps-item:not(.acud-steps-item-active) > .acud-steps-item-container[role='button']:hover .acud-steps-item-icon .acud-steps-icon[aria-disabled="true"]:hover,
.acud-steps .acud-steps-item:not(.acud-steps-item-active) > .acud-steps-item-container[role='button']:hover .acud-steps-item-icon .acud-steps-icon[disabled]:focus,
.acud-steps .acud-steps-item:not(.acud-steps-item-active) > .acud-steps-item-container[role='button']:hover .acud-steps-item-icon .acud-steps-icon[aria-disabled="true"]:focus,
.acud-steps .acud-steps-item:not(.acud-steps-item-active) > .acud-steps-item-container[role='button']:hover .acud-steps-item-icon .acud-steps-icon[disabled]:active,
.acud-steps .acud-steps-item:not(.acud-steps-item-active) > .acud-steps-item-container[role='button']:hover .acud-steps-item-icon .acud-steps-icon[aria-disabled="true"]:active {
color: transparent;
}
.acud-steps-horizontal:not(.acud-steps-label-vertical) .acud-steps-item {
padding-left: 8px;
white-space: nowrap;
}
.acud-steps-horizontal:not(.acud-steps-label-vertical) .acud-steps-item:first-child {
padding-left: 0;
}
.acud-steps-horizontal:not(.acud-steps-label-vertical) .acud-steps-item:last-child .acud-steps-item-title {
padding-right: 0;
}
.acud-steps-horizontal:not(.acud-steps-label-vertical) .acud-steps-item-tail {
display: none;
}
.acud-steps-horizontal:not(.acud-steps-label-vertical) .acud-steps-item-description {
max-width: 140px;
white-space: normal;
}
.acud-steps-item-custom > .acud-steps-item-container > .acud-steps-item-icon {
height: auto;
background: none;
border: 0;
}
.acud-steps-item-custom > .acud-steps-item-container > .acud-steps-item-icon > .acud-steps-icon {
top: 0px;
left: 0.5px;
width: 24px;
height: 24px;
font-size: 24px;
line-height: 24px;
}
.acud-steps-item-custom.acud-steps-item-process .acud-steps-item-icon > .acud-steps-icon {
color: #2468F2;
}
.acud-steps-item-custom.acud-steps-item-finish .acud-steps-item-icon > .acud-steps-icon {
color: #2468F2;
}
.acud-steps:not(.acud-steps-vertical) .acud-steps-item-custom .acud-steps-item-icon {
width: auto;
background: none;
}
.acud-steps-small.acud-steps-horizontal:not(.acud-steps-label-vertical) .acud-steps-item {
padding-left: 12px;
}
.acud-steps-small.acud-steps-horizontal:not(.acud-steps-label-vertical) .acud-steps-item:first-child {
padding-left: 0;
}
.acud-steps-small .acud-steps-item-icon {
width: 20px;
height: 20px;
margin: 0 8px 0 0;
font-size: 12px;
border-radius: 20px;
position: relative;
}
.acud-steps-small .acud-steps-item-icon .acud-steps-icon,
.acud-steps-small .acud-steps-item-icon svg {
line-height: 20px;
}
.acud-steps-small .acud-steps-item-error .acud-steps-icon {
top: 0;
}
.acud-steps-small.acud-steps-dot .acud-steps-item-process .acud-steps-item-icon {
background-color: #2468F2;
}
.acud-steps-small .acud-steps-item-title {
padding-right: 12px;
font-size: 12px;
line-height: 20px;
}
.acud-steps-small .acud-steps-item-title::after {
top: 10px;
}
.acud-steps-small .acud-steps-item-description {
color: #B8BABF;
font-size: 12px;
}
.acud-steps-small .acud-steps-item-tail {
top: 8px;
}
.acud-steps-small .acud-steps-item-custom .acud-steps-item-icon {
width: inherit;
height: inherit;
line-height: inherit;
background: none;
border: 0;
border-radius: 0;
}
.acud-steps-small .acud-steps-item-custom .acud-steps-item-icon > .acud-steps-icon {
font-size: 20px;
line-height: 20px;
transform: none;
}
.acud-steps-vertical {
display: flex;
flex-direction: column;
}
.acud-steps-vertical .acud-steps-item-error .acud-steps-icon {
top: 0;
}
.acud-steps-vertical > .acud-steps-item {
display: block;
flex: 1 0 auto;
padding-left: 0;
overflow: visible;
}
.acud-steps-vertical > .acud-steps-item .acud-steps-item-icon {
float: left;
margin-right: 8px;
}
.acud-steps-vertical > .acud-steps-item .acud-steps-item-content {
display: block;
min-height: 48px;
overflow: hidden;
}
.acud-steps-vertical > .acud-steps-item .acud-steps-item-title {
line-height: 24px;
}
.acud-steps-vertical > .acud-steps-item .acud-steps-item-description {
padding-bottom: 30px;
margin-top: 8px;
line-height: initial;
}
.acud-steps-vertical > .acud-steps-item > .acud-steps-item-container > .acud-steps-item-tail {
position: absolute;
top: 0;
left: 12px;
width: 1px;
height: 100%;
padding: 32px 0 8px;
}
.acud-steps-vertical > .acud-steps-item > .acud-steps-item-container > .acud-steps-item-tail::after {
width: 1px;
height: 100%;
}
.acud-steps-vertical > .acud-steps-item:not(:last-child) > .acud-steps-item-container > .acud-steps-item-tail {
display: block;
}
.acud-steps-vertical > .acud-steps-item > .acud-steps-item-container > .acud-steps-item-content > .acud-steps-item-title::after {
display: none;
}
.acud-steps-vertical.acud-steps-small .acud-steps-item-container .acud-steps-item-tail {
position: absolute;
top: 0;
left: 10px;
padding: 26px 0 6px;
}
.acud-steps-vertical.acud-steps-small .acud-steps-item-container .acud-steps-item-title {
line-height: 20px;
}
.acud-steps-label-vertical .acud-steps-item {
overflow: visible;
}
.acud-steps-label-vertical .acud-steps-item-tail {
margin-left: 52px;
padding: 3.5px 24px;
top: 8px;
}
.acud-steps-label-vertical .acud-steps-item-content {
display: block;
width: 108px;
margin-top: 8px;
text-align: center;
}
.acud-steps-label-vertical .acud-steps-item-icon {
display: inline-block;
margin-left: 42px;
}
.acud-steps-label-vertical .acud-steps-item-title {
padding-right: 0;
padding-left: 0;
}
.acud-steps-label-vertical .acud-steps-item-title::after {
display: none;
}
.acud-steps-label-vertical .acud-steps-item-subtitle {
display: block;
margin-bottom: 4px;
margin-left: 0;
line-height: 1.5715;
}
.acud-steps-label-vertical.acud-steps-small:not(.acud-steps-dot) .acud-steps-item-icon {
margin-left: 46px;
}
.acud-steps-dot .acud-steps-item-title,
.acud-steps-dot.acud-steps-small .acud-steps-item-title {
line-height: 1.5715;
}
.acud-steps-dot .acud-steps-item-tail,
.acud-steps-dot.acud-steps-small .acud-steps-item-tail {
top: 3px;
width: 100%;
margin: 0 0 0 70px;
padding: 0;
}
.acud-steps-dot .acud-steps-item-tail::after,
.acud-steps-dot.acud-steps-small .acud-steps-item-tail::after {
width: calc(100% - 20px);
height: 1px;
margin-left: 12px;
}
.acud-steps-dot .acud-steps-item:first-child .acud-steps-icon-dot,
.acud-steps-dot.acud-steps-small .acud-steps-item:first-child .acud-steps-icon-dot {
left: 2px;
}
.acud-steps-dot .acud-steps-item-icon,
.acud-steps-dot.acud-steps-small .acud-steps-item-icon {
width: 8px;
height: 8px;
margin-left: 67px;
padding-right: 0;
line-height: 8px;
background: transparent;
border: 0;
}
.acud-steps-dot .acud-steps-item-icon .acud-steps-icon-dot,
.acud-steps-dot.acud-steps-small .acud-steps-item-icon .acud-steps-icon-dot {
position: relative;
float: left;
width: 100%;
height: 100%;
border-radius: 100px;
transition: all 0.3s;
/* expand hover area */
}
.acud-steps-dot .acud-steps-item-icon .acud-steps-icon-dot::after,
.acud-steps-dot.acud-steps-small .acud-steps-item-icon .acud-steps-icon-dot::after {
position: absolute;
top: -12px;
left: -26px;
width: 60px;
height: 32px;
background: rgba(0, 0, 0, 0.001);
content: '';
}
.acud-steps-dot .acud-steps-item-content,
.acud-steps-dot.acud-steps-small .acud-steps-item-content {
width: 140px;
}
.acud-steps-dot .acud-steps-item-wait .acud-steps-item-icon,
.acud-steps-dot.acud-steps-small .acud-steps-item-wait .acud-steps-item-icon {
background: #E8E9EB;
}
.acud-steps-dot .acud-steps-item-finish .acud-steps-item-icon,
.acud-steps-dot.acud-steps-small .acud-steps-item-finish .acud-steps-item-icon {
border: 1px solid #2468F2;
}
.acud-steps-dot .acud-steps-item-error .acud-steps-item-icon,
.acud-steps-dot.acud-steps-small .acud-steps-item-error .acud-steps-item-icon {
background: #F33E3E;
}
.acud-steps-dot .acud-steps-item-process .acud-steps-item-icon,
.acud-steps-dot.acud-steps-small .acud-steps-item-process .acud-steps-item-icon {
position: relative;
top: -1px;
line-height: 10px;
}
.acud-steps-dot .acud-steps-item-process .acud-steps-icon:first-child .acud-steps-icon-dot,
.acud-steps-dot.acud-steps-small .acud-steps-item-process .acud-steps-icon:first-child .acud-steps-icon-dot {
left: 0;
}
.acud-steps-dot .acud-steps-item-error .acud-steps-icon .acud-steps-icon-dot,
.acud-steps-dot.acud-steps-small .acud-steps-item-error .acud-steps-icon .acud-steps-icon-dot {
background-color: #F33E3E;
}
.acud-steps-vertical.acud-steps-dot .acud-steps-item-icon {
margin-top: 8px;
margin-left: 0;
}
.acud-steps-vertical.acud-steps-dot .acud-steps-item > .acud-steps-item-container > .acud-steps-item-tail {
top: 2px;
left: -9px;
margin: 0;
padding: 22px 0 4px;
}
.acud-steps-vertical.acud-steps-dot .acud-steps-item:first-child .acud-steps-icon-dot {
left: 0;
}
.acud-steps-vertical.acud-steps-dot .acud-steps-item-content {
width: inherit;
}
.acud-steps-vertical.acud-steps-dot .acud-steps-item-process .acud-steps-item-container .acud-steps-item-icon .acud-steps-icon-dot {
left: -2px;
}
.acud-steps-navigation {
padding-top: 12px;
}
.acud-steps-navigation.acud-steps-small .acud-steps-item-container {
margin-left: -12px;
}
.acud-steps-navigation .acud-steps-item {
overflow: visible;
text-align: center;
}
.acud-steps-navigation .acud-steps-item-container {
display: inline-block;
height: 100%;
margin-left: -16px;
padding-bottom: 12px;
text-align: left;
transition: opacity 0.3s;
}
.acud-steps-navigation .acud-steps-item-container .acud-steps-item-content {
max-width: auto;
}
.acud-steps-navigation .acud-steps-item-container .acud-steps-item-title {
max-width: 100%;
padding-right: 0;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.acud-steps-navigation .acud-steps-item-container .acud-steps-item-title::after {
display: none;
}
.acud-steps-navigation .acud-steps-item:not(.acud-steps-item-active) .acud-steps-item-container[role='button'] {
cursor: pointer;
}
.acud-steps-navigation .acud-steps-item:not(.acud-steps-item-active) .acud-steps-item-container[role='button']:hover {
opacity: 0.85;
}
.acud-steps-navigation .acud-steps-item:last-child {
flex: 1;
}
.acud-steps-navigation .acud-steps-item:last-child::after {
display: none;
}
.acud-steps-navigation .acud-steps-item::after {
position: absolute;
top: 50%;
left: 100%;
display: inline-block;
width: 12px;
height: 12px;
margin-top: -14px;
margin-left: -2px;
border-bottom: none;
border-left: none;
transform: rotate(45deg);
content: '';
}
.acud-steps-navigation .acud-steps-item::before {
position: absolute;
bottom: 0;
left: 50%;
display: inline-block;
width: 0;
height: 2px;
background-color: #151B26;
transition: width 0.3s, left 0.3s;
transition-timing-function: ease-out;
content: '';
}
.acud-steps-navigation .acud-steps-item.acud-steps-item-active::before {
left: 0;
width: 100%;
}
.acud-steps-navigation.acud-steps-vertical > .acud-steps-item {
margin-right: 0 !important;
}
.acud-steps-navigation.acud-steps-vertical > .acud-steps-item::before {
display: none;
}
.acud-steps-navigation.acud-steps-vertical > .acud-steps-item.acud-steps-item-active::before {
top: 0;
right: 0;
left: unset;
display: block;
width: 3px;
height: calc(100% - 24px);
}
.acud-steps-navigation.acud-steps-vertical > .acud-steps-item::after {
position: relative;
top: -2px;
left: 50%;
display: block;
width: 8px;
height: 8px;
margin-bottom: 8px;
text-align: center;
transform: rotate(135deg);
}
.acud-steps-navigation.acud-steps-vertical > .acud-steps-item > .acud-steps-item-container > .acud-steps-item-tail {
visibility: hidden;
}
.acud-steps-rtl {
direction: rtl;
}
.acud-steps.acud-steps-rtl .acud-steps-item-icon {
margin-right: 0;
margin-left: 8px;
}
.acud-steps-rtl .acud-steps-item-tail {
right: 0;
left: auto;
}
.acud-steps-rtl .acud-steps-item-title {
padding-right: 0;
padding-left: 16px;
}
.acud-steps-rtl .acud-steps-item-title::after {
right: 100%;
left: auto;
}
.acud-steps-rtl.acud-steps-horizontal:not(.acud-steps-label-vertical) .acud-steps-item {
padding-right: 16px;
padding-left: 0;
}
.acud-steps-rtl.acud-steps-horizontal:not(.acud-steps-label-vertical) .acud-steps-item:first-child {
padding-right: 0;
}
.acud-steps-rtl.acud-steps-horizontal:not(.acud-steps-label-vertical) .acud-steps-item:last-child .acud-steps-item-title {
padding-left: 0;
}
.acud-steps-rtl .acud-steps-item-custom .acud-steps-item-icon > .acud-steps-icon {
right: 0.5px;
left: auto;
}
.acud-steps-rtl.acud-steps-navigation.acud-steps-small .acud-steps-item-container {
margin-right: -12px;
margin-left: 0;
}
.acud-steps-rtl.acud-steps-navigation .acud-steps-item-container {
margin-right: -16px;
margin-left: 0;
text-align: right;
}
.acud-steps-rtl.acud-steps-navigation .acud-steps-item-container .acud-steps-item-title {
padding-left: 0;
}
.acud-steps-rtl.acud-steps-navigation .acud-steps-item::after {
right: 100%;
left: auto;
margin-right: -2px;
margin-left: 0;
transform: rotate(225deg);
}
.acud-steps-rtl.acud-steps-small.acud-steps-horizontal:not(.acud-steps-label-vertical) .acud-steps-item {
padding-right: 12px;
padding-left: 0;
}
.acud-steps-rtl.acud-steps-small.acud-steps-horizontal:not(.acud-steps-label-vertical) .acud-steps-item:first-child {
padding-right: 0;
}
.acud-steps-rtl.acud-steps-small .acud-steps-item-title {
padding-right: 0;
padding-left: 12px;
}
.acud-steps-rtl.acud-steps-vertical > .acud-steps-item .acud-steps-item-icon {
float: right;
margin-right: 0;
margin-left: 16px;
}
.acud-steps-rtl.acud-steps-vertical > .acud-steps-item > .acud-steps-item-container > .acud-steps-item-tail {
right: 12px;
left: auto;
}
.acud-steps-rtl.acud-steps-vertical.acud-steps-small .acud-steps-item-container .acud-steps-item-tail {
right: 10px;
left: auto;
}
.acud-steps-rtl.acud-steps-label-vertical .acud-steps-item-title {
padding-left: 0;
}
.acud-steps-rtl.acud-steps-dot .acud-steps-item-tail,
.acud-steps-rtl.acud-steps-dot.acud-steps-small .acud-steps-item-tail {
margin: 0 70px 0 0;
}
.acud-steps-rtl.acud-steps-dot .acud-steps-item-tail::after,
.acud-steps-rtl.acud-steps-dot.acud-steps-small .acud-steps-item-tail::after {
margin-right: 12px;
margin-left: 0;
}
.acud-steps-rtl.acud-steps-dot .acud-steps-item:first-child .acud-steps-icon-dot,
.acud-steps-rtl.acud-steps-dot.acud-steps-small .acud-steps-item:first-child .acud-steps-icon-dot {
right: 2px;
left: auto;
}
.acud-steps-rtl.acud-steps-dot .acud-steps-item-icon,
.acud-steps-rtl.acud-steps-dot.acud-steps-small .acud-steps-item-icon {
margin-right: 67px;
margin-left: 0;
}
.acud-steps-dot .acud-steps-item-icon .acud-steps-icon-dot,
.acud-steps-dot.acud-steps-small .acud-steps-item-icon .acud-steps-icon-dot {
/* expand hover area */
}
.acud-steps-rtl.acud-steps-dot .acud-steps-item-icon .acud-steps-icon-dot,
.acud-steps-rtl.acud-steps-dot.acud-steps-small .acud-steps-item-icon .acud-steps-icon-dot {
float: right;
}
.acud-steps-rtl.acud-steps-dot .acud-steps-item-icon .acud-steps-icon-dot::after,
.acud-steps-rtl.acud-steps-dot.acud-steps-small .acud-steps-item-icon .acud-steps-icon-dot::after {
right: -26px;
left: auto;
}
.acud-steps-rtl.acud-steps-vertical.acud-steps-dot .acud-steps-item-icon {
margin-right: 0;
margin-left: 16px;
}
.acud-steps-rtl.acud-steps-vertical.acud-steps-dot .acud-steps-item > .acud-steps-item-container > .acud-steps-item-tail {
right: -9px;
left: auto;
}
.acud-steps-rtl.acud-steps-vertical.acud-steps-dot .acud-steps-item:first-child .acud-steps-icon-dot {
right: 0;
left: auto;
}
.acud-steps-rtl.acud-steps-vertical.acud-steps-dot .acud-steps-item-process .acud-steps-icon-dot {
right: -2px;
left: auto;
}
.acud-steps-with-progress .acud-steps-item {
padding-top: 4px;
}
.acud-steps-with-progress .acud-steps-item .acud-steps-item-tail {
top: 4px !important;
}
.acud-steps-with-progress .acud-steps-item-icon {
position: relative;
}
.acud-steps-with-progress .acud-steps-item-icon .acud-progress {
position: absolute;
top: -5px;
right: -5px;
bottom: -5px;
left: -5px;
}
/* color */
/* 默认颜色 */
/* 通用-icon */
/* 标签 */
/* 默认颜色 */
/* 其他颜色 */
/* 通用 */
/* 水平 */
/* 垂直 */
/* 序号水平 */
/* 序号垂直 */
.acud-switch {
position: relative;
display: inline-block;
box-sizing: border-box;
width: 44px;
height: 20px;
padding: 0;
line-height: 18px;
vertical-align: middle;
color: #FFFFFF;
background-color: #D4D6D9;
border-color: transparent;
border-style: solid;
border-width: 1px;
border-radius: 22px;
cursor: pointer;
transition: all 0.3s cubic-bezier(0.35, 0, 0.25, 1);
}
.acud-switch:hover {
color: #FFFFFF;
}
.acud-switch:active {
color: #FFFFFF;
}
.acud-switch[disabled],
.acud-switch[disabled]:hover,
.acud-switch[disabled]:active {
color: #B8BABF;
}
.acud-switch:hover {
background-color: #B8BABF;
}
.acud-switch:active {
background-color: #B8BABF;
}
.acud-switch[disabled],
.acud-switch[disabled]:hover,
.acud-switch[disabled]:active {
background-color: #F2F2F4;
}
.acud-switch:hover {
border-color: transparent;
}
.acud-switch:active {
border-color: transparent;
}
.acud-switch[disabled],
.acud-switch[disabled]:hover,
.acud-switch[disabled]:active {
border-color: transparent;
}
.acud-switch-inner {
position: absolute;
top: 0;
left: 22px;
display: flex;
align-items: center;
height: 100%;
font-size: 12px;
}
.acud-switch-inner .acudicon {
line-height: 0;
}
.acud-switch:after {
position: absolute;
top: 1px;
left: 2px;
width: 16px;
height: 16px;
border-radius: 8px 8px;
background-color: #FFFFFF;
cursor: pointer;
transition: left 0.3s cubic-bezier(0.35, 0, 0.25, 1);
animation-name: switchOff;
animation-duration: 0.3s;
animation-timing-function: cubic-bezier(0.35, 0, 0.25, 1);
content: " ";
}
.acud-switch:active:after {
width: 20px;
animation-name: switchOn;
}
.acud-switch:focus {
outline: none;
}
.acud-switch-checked {
border-style: solid;
border-width: 1px;
color: #FFFFFF;
background-color: #2468F2;
border-color: transparent;
}
.acud-switch-checked:hover {
color: #FFFFFF;
}
.acud-switch-checked:active {
color: #FFFFFF;
}
.acud-switch-checked[disabled],
.acud-switch-checked[disabled]:hover,
.acud-switch-checked[disabled]:active {
color: #FFFFFF;
}
.acud-switch-checked:hover {
background-color: #144BCC;
}
.acud-switch-checked:active {
background-color: #144BCC;
}
.acud-switch-checked[disabled],
.acud-switch-checked[disabled]:hover,
.acud-switch-checked[disabled]:active {
background-color: #D4E5FF;
}
.acud-switch-checked:hover {
border-color: transparent;
}
.acud-switch-checked:active {
border-color: transparent;
}
.acud-switch-checked[disabled],
.acud-switch-checked[disabled]:hover,
.acud-switch-checked[disabled]:active {
border-color: transparent;
}
.acud-switch-checked .acud-switch-inner {
left: 6px;
}
.acud-switch-checked:after {
left: initial;
right: 2px;
}
.acud-switch-checked[disabled]:after {
background-color: #FFFFFF;
}
.acud-switch-checked[disabled].acud-switch-loading .acud-switch-loading-icon {
color: #D4E5FF;
}
.acud-switch-checked.acud-switch-loading .acud-switch-loading-icon {
color: #2468F2;
left: initial;
right: 2px;
}
.acud-switch-loading {
cursor: no-drop;
}
.acud-switch-loading:after {
cursor: no-drop;
animation-name: none;
}
.acud-switch-loading:hover:after {
width: 16px;
animation-name: none;
}
.acud-switch-loading .acud-switch-loading-icon {
position: absolute;
top: 1px;
z-index: 99;
color: #D4D6D9;
left: 2px;
}
.acud-switch-disabled {
cursor: no-drop;
}
.acud-switch-disabled:after {
cursor: no-drop;
animation-name: none;
background-color: #D4D6D9;
}
.acud-switch-disabled:hover:after {
width: 16px;
animation-name: none;
}
.acud-switch-disabled .acud-switch-loading-icon {
color: #F2F2F4;
}
.acud-switch-label {
display: inline-block;
padding-left: 10px;
font-size: 14px;
line-height: 20px;
white-space: normal;
vertical-align: middle;
-webkit-user-select: text;
-moz-user-select: text;
user-select: text;
pointer-events: none;
}
@keyframes switchOn {
0% {
width: 16px;
}
100% {
width: 20px;
}
}
@keyframes switchOff {
0% {
transform: scale(1.1);
}
100% {
transform: scale(1);
}
}
/* color */
/* 默认颜色 */
/* 通用-icon */
/* 标签 */
/* 默认颜色 */
/* 其他颜色 */
/* 通用 */
/* 水平 */
/* 垂直 */
/* 序号水平 */
/* 序号垂直 */
.acud-table.acud-table-large {
font-size: 12px;
}
.acud-table.acud-table-large .acud-table-title,
.acud-table.acud-table-large .acud-table-footer,
.acud-table.acud-table-large .acud-table-tbody > tr > td,
.acud-table.acud-table-large tfoot > tr > th,
.acud-table.acud-table-large tfoot > tr > td {
padding: 20px 12px;
}
.acud-table.acud-table-large .acud-table-tbody .acud-table-wrapper:only-child .acud-table {
margin: -20px -12px -20px 29px;
}
.acud-table.acud-table-small {
font-size: 12px;
}
.acud-table.acud-table-small .acud-table-title,
.acud-table.acud-table-small .acud-table-footer,
.acud-table.acud-table-small .acud-table-tbody > tr > td,
.acud-table.acud-table-small tfoot > tr > th,
.acud-table.acud-table-small tfoot > tr > td {
padding: 6px 12px;
}
.acud-table.acud-table-small .acud-table-tbody .acud-table-wrapper:only-child .acud-table {
margin: -6px -12px -6px 29px;
}
.acud-table-small .acud-table-selection-column {
width: 28px;
min-width: 28px;
}
.acud-table.acud-table-bordered > .acud-table-title {
border: 1px solid #f0f0f0;
border-bottom: 0;
}
.acud-table.acud-table-bordered > .acud-table-container {
border-left: 1px solid #f0f0f0;
}
.acud-table.acud-table-bordered > .acud-table-container > .acud-table-content > table > thead > tr > th,
.acud-table.acud-table-bordered > .acud-table-container > .acud-table-header > table > thead > tr > th,
.acud-table.acud-table-bordered > .acud-table-container > .acud-table-body > table > thead > tr > th,
.acud-table.acud-table-bordered > .acud-table-container > .acud-table-summary > table > thead > tr > th,
.acud-table.acud-table-bordered > .acud-table-container > .acud-table-content > table > tbody > tr > td,
.acud-table.acud-table-bordered > .acud-table-container > .acud-table-header > table > tbody > tr > td,
.acud-table.acud-table-bordered > .acud-table-container > .acud-table-body > table > tbody > tr > td,
.acud-table.acud-table-bordered > .acud-table-container > .acud-table-summary > table > tbody > tr > td,
.acud-table.acud-table-bordered > .acud-table-container > .acud-table-content > table > tfoot > tr > th,
.acud-table.acud-table-bordered > .acud-table-container > .acud-table-header > table > tfoot > tr > th,
.acud-table.acud-table-bordered > .acud-table-container > .acud-table-body > table > tfoot > tr > th,
.acud-table.acud-table-bordered > .acud-table-container > .acud-table-summary > table > tfoot > tr > th,
.acud-table.acud-table-bordered > .acud-table-container > .acud-table-content > table > tfoot > tr > td,
.acud-table.acud-table-bordered > .acud-table-container > .acud-table-header > table > tfoot > tr > td,
.acud-table.acud-table-bordered > .acud-table-container > .acud-table-body > table > tfoot > tr > td,
.acud-table.acud-table-bordered > .acud-table-container > .acud-table-summary > table > tfoot > tr > td {
border-right: 1px solid #f0f0f0;
}
.acud-table.acud-table-bordered > .acud-table-container > .acud-table-content > table > thead > tr:not(:last-child) > th,
.acud-table.acud-table-bordered > .acud-table-container > .acud-table-header > table > thead > tr:not(:last-child) > th,
.acud-table.acud-table-bordered > .acud-table-container > .acud-table-body > table > thead > tr:not(:last-child) > th,
.acud-table.acud-table-bordered > .acud-table-container > .acud-table-summary > table > thead > tr:not(:last-child) > th {
border-bottom: 1px solid #f0f0f0;
}
.acud-table.acud-table-bordered > .acud-table-container > .acud-table-content > table > thead > tr > th::before,
.acud-table.acud-table-bordered > .acud-table-container > .acud-table-header > table > thead > tr > th::before,
.acud-table.acud-table-bordered > .acud-table-container > .acud-table-body > table > thead > tr > th::before,
.acud-table.acud-table-bordered > .acud-table-container > .acud-table-summary > table > thead > tr > th::before {
background-color: transparent !important;
}
.acud-table.acud-table-bordered > .acud-table-container > .acud-table-content > table > thead > tr > .acud-table-cell-fix-right-first::after,
.acud-table.acud-table-bordered > .acud-table-container > .acud-table-header > table > thead > tr > .acud-table-cell-fix-right-first::after,
.acud-table.acud-table-bordered > .acud-table-container > .acud-table-body > table > thead > tr > .acud-table-cell-fix-right-first::after,
.acud-table.acud-table-bordered > .acud-table-container > .acud-table-summary > table > thead > tr > .acud-table-cell-fix-right-first::after,
.acud-table.acud-table-bordered > .acud-table-container > .acud-table-content > table > tbody > tr > .acud-table-cell-fix-right-first::after,
.acud-table.acud-table-bordered > .acud-table-container > .acud-table-header > table > tbody > tr > .acud-table-cell-fix-right-first::after,
.acud-table.acud-table-bordered > .acud-table-container > .acud-table-body > table > tbody > tr > .acud-table-cell-fix-right-first::after,
.acud-table.acud-table-bordered > .acud-table-container > .acud-table-summary > table > tbody > tr > .acud-table-cell-fix-right-first::after,
.acud-table.acud-table-bordered > .acud-table-container > .acud-table-content > table > tfoot > tr > .acud-table-cell-fix-right-first::after,
.acud-table.acud-table-bordered > .acud-table-container > .acud-table-header > table > tfoot > tr > .acud-table-cell-fix-right-first::after,
.acud-table.acud-table-bordered > .acud-table-container > .acud-table-body > table > tfoot > tr > .acud-table-cell-fix-right-first::after,
.acud-table.acud-table-bordered > .acud-table-container > .acud-table-summary > table > tfoot > tr > .acud-table-cell-fix-right-first::after {
border-right: 1px solid #f0f0f0;
}
.acud-table.acud-table-bordered > .acud-table-container > .acud-table-content > table > tbody > tr > td > .acud-table-expanded-row-fixed,
.acud-table.acud-table-bordered > .acud-table-container > .acud-table-header > table > tbody > tr > td > .acud-table-expanded-row-fixed,
.acud-table.acud-table-bordered > .acud-table-container > .acud-table-body > table > tbody > tr > td > .acud-table-expanded-row-fixed,
.acud-table.acud-table-bordered > .acud-table-container > .acud-table-summary > table > tbody > tr > td > .acud-table-expanded-row-fixed {
margin: -10px -13px;
}
.acud-table.acud-table-bordered > .acud-table-container > .acud-table-content > table > tbody > tr > td > .acud-table-expanded-row-fixed::after,
.acud-table.acud-table-bordered > .acud-table-container > .acud-table-header > table > tbody > tr > td > .acud-table-expanded-row-fixed::after,
.acud-table.acud-table-bordered > .acud-table-container > .acud-table-body > table > tbody > tr > td > .acud-table-expanded-row-fixed::after,
.acud-table.acud-table-bordered > .acud-table-container > .acud-table-summary > table > tbody > tr > td > .acud-table-expanded-row-fixed::after {
position: absolute;
top: 0;
right: 1px;
bottom: 0;
border-right: 1px solid #f0f0f0;
content: '';
}
.acud-table.acud-table-bordered > .acud-table-container > .acud-table-content > table,
.acud-table.acud-table-bordered > .acud-table-container > .acud-table-header > table {
border-top: 1px solid #f0f0f0;
}
.acud-table.acud-table-bordered.acud-table-scroll-horizontal > .acud-table-container > .acud-table-body > table > tbody > tr.acud-table-expanded-row > td,
.acud-table.acud-table-bordered.acud-table-scroll-horizontal > .acud-table-container > .acud-table-body > table > tbody > tr.acud-table-placeholder > td {
border-right: 0;
}
.acud-table.acud-table-bordered.acud-table-large > .acud-table-container > .acud-table-content > table > tbody > tr > td > .acud-table-expanded-row-fixed,
.acud-table.acud-table-bordered.acud-table-large > .acud-table-container > .acud-table-body > table > tbody > tr > td > .acud-table-expanded-row-fixed {
margin: -20px -13px;
}
.acud-table.acud-table-bordered.acud-table-small > .acud-table-container > .acud-table-content > table > tbody > tr > td > .acud-table-expanded-row-fixed,
.acud-table.acud-table-bordered.acud-table-small > .acud-table-container > .acud-table-body > table > tbody > tr > td > .acud-table-expanded-row-fixed {
margin: -6px -13px;
}
.acud-table.acud-table-bordered > .acud-table-footer {
border: 1px solid #f0f0f0;
border-top: 0;
}
.acud-table-cell .acud-table-container:first-child {
border-top: 0;
}
.acud-table-cell-scrollbar {
box-shadow: 0 1px 0 1px #fafafa;
}
.acud-table-wrapper {
clear: both;
max-width: 100%;
}
.acud-table {
margin: 0;
padding: 0;
position: relative;
font-size: 12px;
background: #FFFFFF;
border-radius: 0px;
}
.acud-table table {
width: 100%;
text-align: left;
border-radius: 0px 0px 0 0;
border-collapse: separate;
border-spacing: 0;
}
.acud-table-thead > tr > th,
.acud-table-tbody > tr > td,
.acud-table tfoot > tr > th,
.acud-table tfoot > tr > td {
position: relative;
padding: 10px 12px;
overflow-wrap: break-word;
}
.acud-table-cell-ellipsis {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
word-break: keep-all;
}
.acud-table-cell-ellipsis.acud-table-cell-fix-left-last,
.acud-table-cell-ellipsis.acud-table-cell-fix-right-first {
overflow: visible;
}
.acud-table-cell-ellipsis.acud-table-cell-fix-left-last .acud-table-cell-content,
.acud-table-cell-ellipsis.acud-table-cell-fix-right-first .acud-table-cell-content {
display: block;
overflow: hidden;
text-overflow: ellipsis;
}
.acud-table-cell-ellipsis .acud-table-column-title {
overflow: hidden;
text-overflow: ellipsis;
word-break: keep-all;
}
.acud-table-title {
padding: 10px 12px;
}
.acud-table-footer {
padding: 10px 12px;
color: rgba(0, 0, 0, 0.85);
background: #fafafa;
}
.acud-table-thead > tr > th {
position: relative;
color: rgba(0, 0, 0, 0.85);
font-weight: 500;
text-align: left;
background: #fafafa;
transition: background 0.3s ease;
}
.acud-table-thead > tr > th[colspan]:not([colspan='1']) {
text-align: center;
}
.acud-table-thead > tr > th:not(:last-child):not(.acud-table-selection-column):not(.acud-table-row-expand-icon-cell):not([colspan])::before {
position: absolute;
top: 50%;
right: 0;
width: 0;
height: 1.6em;
background-color: #fff;
transform: translateY(-50%);
transition: background-color 0.3s;
content: '';
}
.acud-table-thead > tr:not(:last-child) > th[colspan] {
border-bottom: 0;
}
.acud-table-tbody > tr > td {
border-bottom: 1px solid #f0f0f0;
transition: background 0.3s;
border-right: 1px solid transparent;
}
.acud-table-tbody > tr > td > .acud-table-wrapper:only-child .acud-table,
.acud-table-tbody > tr > td > .acud-table-expanded-row-fixed > .acud-table-wrapper:only-child .acud-table {
margin: 14px 28px;
min-height: unset;
}
.acud-table-tbody > tr > td > .acud-table-wrapper:only-child .acud-table-thead tr th,
.acud-table-tbody > tr > td > .acud-table-expanded-row-fixed > .acud-table-wrapper:only-child .acud-table-thead tr th {
background-color: #edeef0;
}
.acud-table-tbody > tr > td > .acud-table-wrapper:only-child .acud-table-tbody > tr:last-child > td,
.acud-table-tbody > tr > td > .acud-table-expanded-row-fixed > .acud-table-wrapper:only-child .acud-table-tbody > tr:last-child > td {
border-bottom: 0;
}
.acud-table-tbody > tr > td > .acud-table-wrapper:only-child .acud-table-tbody > tr:last-child > td:first-child,
.acud-table-tbody > tr > td > .acud-table-expanded-row-fixed > .acud-table-wrapper:only-child .acud-table-tbody > tr:last-child > td:first-child,
.acud-table-tbody > tr > td > .acud-table-wrapper:only-child .acud-table-tbody > tr:last-child > td:last-child,
.acud-table-tbody > tr > td > .acud-table-expanded-row-fixed > .acud-table-wrapper:only-child .acud-table-tbody > tr:last-child > td:last-child {
border-radius: 0;
}
.acud-table-tbody > tr.acud-table-row:hover > td,
.acud-table-tbody > tr > td.acud-table-cell-row-hover {
background-color: #E6F0FF;
}
.acud-table-tbody > tr.acud-table-row-selected > td {
background: #E6F0FF;
}
.acud-table-tbody > tr.acud-table-row-selected:hover > td {
background: #D4E5FF;
}
.acud-table-summary {
position: relative;
z-index: 2;
}
.acud-table-summary td {
background-color: #fafafa;
}
div.acud-table-summary {
box-shadow: 0 -1px 0 #f0f0f0;
}
.acud-table-summary > tr > th,
.acud-table-summary > tr > td {
border-bottom: 1px solid #f0f0f0;
}
.acud-table-pagination.acud-pagination {
margin: 16px 0;
}
.acud-table-pagination {
display: flex;
flex-wrap: wrap;
row-gap: 12px;
}
.acud-table-pagination > * {
flex: none;
}
.acud-table-pagination-left {
justify-content: flex-start;
}
.acud-table-pagination-center {
justify-content: center;
}
.acud-table-pagination-right {
justify-content: flex-end;
}
.acud-table-thead th.acud-table-column-has-sorters:hover::before {
background-color: transparent !important;
}
.acud-table-thead th.acud-table-column-has-sorters.acud-table-cell-fix-left:hover,
.acud-table-thead th.acud-table-column-has-sorters.acud-table-cell-fix-right:hover {
background: #f5f5f5;
}
.acud-table-thead th.acud-table-column-sort::before {
background-color: transparent !important;
}
.acud-table-column-title {
position: relative;
z-index: 1;
}
.acud-table-column-sorters {
display: flex;
flex: auto;
align-items: center;
justify-content: flex-start;
}
.acud-table-column-sorter {
margin-left: 4px;
color: #84868C;
font-size: 0;
transition: color 0.3s;
}
.acud-table-column-sorter-inner {
display: inline-flex;
flex-direction: column;
align-items: center;
}
.acud-table-column-sorter-default.active,
.acud-table-column-sorter-up.active,
.acud-table-column-sorter-down.active {
display: inherit;
color: #2468F2;
}
.acud-table-column-sorter:hover .acud-table-column-sorter-up.active,
.acud-table-column-sorter:hover .acud-table-column-sorter-down.active {
color: #528EFF;
}
.acud-table-column-sorter:active .acud-table-column-sorter-up.active,
.acud-table-column-sorter:active .acud-table-column-sorter-down.active {
color: #144BCC;
}
.acud-table-column-sorter-default:hover .acud-table-column-sorter-up,
.acud-table-column-sorter-default:hover .acud-table-column-sorter-down {
color: #528EFF;
}
.acud-table-column-sorter-default:active .acud-table-column-sorter-up,
.acud-table-column-sorter-default:active .acud-table-column-sorter-down {
color: #144BCC;
}
.acud-table-filter-column {
display: flex;
justify-content: flex-start;
align-items: center;
}
.acud-table-filter-column .acud-dropdown-trigger {
display: flex;
}
.acud-table-filter-column .acud-dropdown-trigger .acudicon-outlined-funnel {
display: flex;
height: 16px;
}
.acud-table-filter-trigger {
position: relative;
display: flex;
align-items: center;
margin-left: 4px;
padding: 0 4px;
color: #bfbfbf;
font-size: 16px;
border-radius: 0px;
cursor: pointer;
transition: all 0.3s;
}
.acud-table-filter-trigger.active {
color: #D4E5FF;
}
.acud-table-filter-dropdown {
margin: 0;
padding: 0;
min-width: 120px;
background-color: #FFFFFF;
border-radius: 0px;
box-shadow: 0px 4px 12px 1px rgba(7, 12, 20, 0.12);
}
.acud-table-filter-dropdown .acud-dropdown-menu-item-multiple .acud-checkbox + span {
white-space: nowrap;
}
.acud-table-filter-dropdown .acud-dropdown-menu {
max-height: 264px;
overflow-x: hidden;
border: 0;
box-shadow: none;
}
.acud-table-filter-dropdown .acud-dropdown-menu:empty::after {
display: block;
padding: 8px 0;
color: #B8BABF;
font-size: 12px;
text-align: center;
content: 'Not Found';
}
.acud-table-filter-dropdown-tree {
padding: 8px 12px;
max-height: 216px;
overflow-y: auto;
}
.acud-table-filter-dropdown-search {
padding: 8px 12px;
}
.acud-table-filter-dropdown-search-input input {
min-width: 140px;
}
.acud-table-filter-dropdown-search-input .acudicon {
color: #B8BABF;
}
.acud-table-filter-dropdown-search-highlight {
color: #2468F2;
}
.acud-table-filter-dropdown-checkall {
width: 100%;
margin-bottom: 4px;
}
.acud-table-filter-dropdown-submenu > ul {
max-height: calc(100vh - 130px);
overflow-x: hidden;
overflow-y: auto;
}
.acud-table-filter-dropdown .acud-checkbox-wrapper + span,
.acud-table-filter-dropdown-submenu .acud-checkbox-wrapper + span {
padding-left: 8px;
}
.acud-table-filter-dropdown-btns {
display: flex;
justify-content: flex-end;
padding: 8px 12px;
overflow: hidden;
background-color: inherit;
border-top: 1px solid #f0f0f0;
}
.acud-table-filter-dropdown-btns-reset {
margin-left: 8px;
}
.acud-table-selection-col {
width: 28px;
}
.acud-table-bordered .acud-table-selection-col {
width: 46px;
}
table tr th.acud-table-selection-column,
table tr td.acud-table-selection-column {
padding-right: 0;
}
table tr th.acud-table-selection-column .acud-radio-wrapper,
table tr td.acud-table-selection-column .acud-radio-wrapper,
table tr th.acud-table-selection-column .acud-radio,
table tr td.acud-table-selection-column .acud-radio {
margin-right: 0;
}
table tr th.acud-table-selection-column .acud-radio-wrapper-outline,
table tr td.acud-table-selection-column .acud-radio-wrapper-outline,
table tr th.acud-table-selection-column .acud-radio-outline,
table tr td.acud-table-selection-column .acud-radio-outline {
margin-right: 0;
}
table tr th.acud-table-selection-column.acud-table-cell-fix-left {
z-index: 3;
}
table tr th.acud-table-selection-column::after {
background-color: transparent !important;
}
.acud-table-selection {
position: relative;
display: flex;
flex-direction: row;
}
.acud-table-selection-extra {
cursor: pointer;
transition: all 0.3s;
margin-inline-start: 100%;
padding-inline-start: 4px;
margin-left: 0;
display: flex;
align-items: center;
}
.acud-table-selection-extra .acud-dropdown-trigger {
display: flex;
height: 16px;
}
.acud-table-selection-extra .acudicon {
color: #84868C;
font-size: 16px;
display: flex;
}
.acud-table-selection-extra .acudicon:hover {
color: #84868C;
}
.acud-table-expand-icon-col {
width: 28px;
}
.acud-table-row-expand-icon-cell {
text-align: center;
}
.acud-table-row-indent {
float: left;
height: 1px;
}
.acud-table-row-expand-icon {
color: #84868C;
cursor: pointer;
font-size: 16px;
line-height: 0;
float: left;
margin: auto;
}
.acud-table-row-expand-icon:hover {
color: #84868C;
}
.acud-table-row-expand-icon:focus,
.acud-table-row-expand-icon:active {
color: #84868C;
}
.acud-table-row-expand-icon[disabled],
.acud-table-row-expand-icon[aria-disabled="true"],
.acud-table-row-expand-icon[disabled]:hover,
.acud-table-row-expand-icon[aria-disabled="true"]:hover,
.acud-table-row-expand-icon[disabled]:focus,
.acud-table-row-expand-icon[aria-disabled="true"]:focus,
.acud-table-row-expand-icon[disabled]:active,
.acud-table-row-expand-icon[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-table-row-expand-icon-spaced {
cursor: not-allowed;
}
.acud-table-row-indent + .acud-table-row-expand-icon {
margin-top: 1.5002px;
margin-right: 12px;
}
tr.acud-table-expanded-row > td,
tr.acud-table-expanded-row:hover > td {
background: #F7F7F9;
}
tr.acud-table-expanded-row .acud-descriptions-view {
display: flex;
}
tr.acud-table-expanded-row .acud-descriptions-view table {
flex: auto;
width: auto;
}
.acud-table .acud-table-expanded-row-fixed {
position: relative;
margin: -10px -12px;
padding: 10px 12px;
}
.acud-table-tbody > tr.acud-table-placeholder {
text-align: center;
}
.acud-table-empty .acud-table-tbody > tr.acud-table-placeholder {
color: #B8BABF;
}
.acud-table-tbody > tr.acud-table-placeholder:hover > td {
background: #FFFFFF;
}
.acud-table-cell-fix-left,
.acud-table-cell-fix-right {
position: sticky !important;
z-index: 2;
background: #FFFFFF;
}
.acud-table-cell-fix-left-first::after,
.acud-table-cell-fix-left-last::after {
position: absolute;
top: 0;
right: 0;
bottom: -1px;
width: 30px;
transform: translateX(100%);
transition: box-shadow 0.3s;
content: '';
pointer-events: none;
}
.acud-table-cell-fix-right-first::after,
.acud-table-cell-fix-right-last::after {
position: absolute;
top: 0;
bottom: -1px;
left: 0;
width: 30px;
transform: translateX(-100%);
transition: box-shadow 0.3s;
content: '';
pointer-events: none;
}
.acud-table .acud-table-container::before,
.acud-table .acud-table-container::after {
position: absolute;
top: 0;
bottom: 0;
z-index: 1;
width: 30px;
transition: box-shadow 0.3s;
content: '';
pointer-events: none;
}
.acud-table .acud-table-container::before {
left: 0;
}
.acud-table .acud-table-container::after {
right: 0;
}
.acud-table-ping-left:not(.acud-table-has-fix-left) .acud-table-container {
position: relative;
}
.acud-table-ping-left:not(.acud-table-has-fix-left) .acud-table-container::before {
box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.15);
}
.acud-table-ping-left .acud-table-cell-fix-left-first::after,
.acud-table-ping-left .acud-table-cell-fix-left-last::after {
box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.15);
}
.acud-table-ping-left .acud-table-cell-fix-left-last::before {
background-color: transparent !important;
}
.acud-table-ping-right:not(.acud-table-has-fix-right) .acud-table-container {
position: relative;
}
.acud-table-ping-right:not(.acud-table-has-fix-right) .acud-table-container::after {
box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.15);
}
.acud-table-ping-right .acud-table-cell-fix-right-first::after,
.acud-table-ping-right .acud-table-cell-fix-right-last::after {
box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.15);
}
.acud-table-sticky-holder {
position: sticky;
z-index: calc(2 + 1);
background: #FFFFFF;
}
.acud-table-sticky-scroll {
position: sticky;
bottom: 0;
z-index: calc(2 + 1);
display: flex;
align-items: center;
background: #ffffff;
border-top: 1px solid #f0f0f0;
opacity: 0.6;
}
.acud-table-sticky-scroll:hover {
transform-origin: center bottom;
}
.acud-table-sticky-scroll-bar {
height: 8px;
background-color: rgba(0, 0, 0, 0.35);
border-radius: 4px;
}
.acud-table-sticky-scroll-bar:hover {
background-color: rgba(0, 0, 0, 0.8);
}
.acud-table-sticky-scroll-bar-active {
background-color: rgba(0, 0, 0, 0.8);
}
.acud-table-filter-dropdown-empty {
margin: 8px 0;
}
@media all and (-ms-high-contrast: none) {
.acud-table-ping-left .acud-table-cell-fix-left-last::after {
box-shadow: none !important;
}
.acud-table-ping-right .acud-table-cell-fix-right-first::after {
box-shadow: none !important;
}
}
.acud-table {
/* title + table */
/* table */
/* table + footer */
}
.acud-table-title {
border-radius: 0px 0px 0 0;
}
.acud-table-title + .acud-table-container {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.acud-table-title + .acud-table-container table > thead > tr:first-child th:first-child {
border-radius: 0;
}
.acud-table-title + .acud-table-container table > thead > tr:first-child th:last-child {
border-radius: 0;
}
.acud-table-container {
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
.acud-table-container table > thead > tr:first-child th:first-child {
border-top-left-radius: 4px;
}
.acud-table-container table > thead > tr:first-child th:last-child {
border-top-right-radius: 4px;
}
.acud-table-footer {
border-radius: 0 0 0px 0px;
}
.acud-table-wrapper-rtl {
direction: rtl;
}
.acud-table-rtl {
direction: rtl;
}
.acud-table-wrapper-rtl .acud-table table {
text-align: right;
}
.acud-table-wrapper-rtl .acud-table-thead > tr > th[colspan]:not([colspan='1']) {
text-align: center;
}
.acud-table-wrapper-rtl .acud-table-thead > tr > th:not(:last-child):not(.acud-table-selection-column):not(.acud-table-row-expand-icon-cell):not([colspan])::before {
right: auto;
left: 0;
}
.acud-table-wrapper-rtl .acud-table-thead > tr > th {
text-align: right;
}
.acud-table-tbody > tr .acud-table-wrapper:only-child .acud-table.acud-table-rtl {
margin: -10px 29px -10px -12px;
}
.acud-table-wrapper.acud-table-wrapper-rtl .acud-table-pagination-left {
justify-content: flex-end;
}
.acud-table-wrapper.acud-table-wrapper-rtl .acud-table-pagination-right {
justify-content: flex-start;
}
.acud-table-wrapper-rtl .acud-table-column-sorter {
margin-right: 4px;
margin-left: 0;
}
.acud-table-wrapper-rtl .acud-table-filter-column-title {
padding: 10px 12px 10px 2.3em;
}
.acud-table-rtl .acud-table-thead tr th.acud-table-column-has-sorters .acud-table-filter-column-title {
padding: 0 0 0 2.3em;
}
.acud-table-wrapper-rtl .acud-table-filter-trigger {
margin: -4px 4px -4px -6px;
}
.acud-dropdown-rtl .acud-table-filter-dropdown .acud-checkbox-wrapper + span,
.acud-dropdown-rtl .acud-table-filter-dropdown-submenu .acud-checkbox-wrapper + span,
.acud-dropdown-menu-submenu-rtl.acud-table-filter-dropdown .acud-checkbox-wrapper + span,
.acud-dropdown-menu-submenu-rtl.acud-table-filter-dropdown-submenu .acud-checkbox-wrapper + span {
padding-right: 8px;
padding-left: 0;
}
.acud-table-wrapper-rtl .acud-table-selection {
text-align: center;
}
.acud-table-wrapper-rtl .acud-table-row-indent {
float: right;
}
.acud-table-wrapper-rtl .acud-table-row-expand-icon {
float: right;
}
.acud-table-wrapper-rtl .acud-table-row-indent + .acud-table-row-expand-icon {
margin-right: 0;
margin-left: 12px;
}
.acud-table-wrapper-rtl .acud-table-row-expand-icon::after {
transform: rotate(-90deg);
}
.acud-table-wrapper-rtl .acud-table-row-expand-icon-collapsed::before {
transform: rotate(180deg);
}
.acud-table-wrapper-rtl .acud-table-row-expand-icon-collapsed::after {
transform: rotate(0deg);
}
.acud-table {
position: relative;
box-sizing: border-box;
line-height: 1.6667;
list-style: none;
overflow: hidden;
border-radius: 2px;
background-color: #FFFFFF;
}
.acud-table-cell a {
color: #2468F2;
cursor: pointer;
}
.acud-table-cell a:hover {
color: #528EFF;
}
.acud-table-cell a:focus,
.acud-table-cell a:active {
color: #144BCC;
}
.acud-table-cell a[disabled],
.acud-table-cell a[aria-disabled="true"],
.acud-table-cell a[disabled]:hover,
.acud-table-cell a[aria-disabled="true"]:hover,
.acud-table-cell a[disabled]:focus,
.acud-table-cell a[aria-disabled="true"]:focus,
.acud-table-cell a[disabled]:active,
.acud-table-cell a[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-table-cell a[disabled] {
cursor: not-allowed;
}
.acud-table-cell-with-append-inner {
display: flex;
justify-content: left;
}
.acud-table-cell-with-append .acud-table-row-expand-icon {
margin: 2px 12px 2px 0;
}
.acud-table-cell.acud-table-row-expand-icon-cell {
width: 16px;
padding-right: 0;
}
.acud-table-filter-trigger {
color: #84868C;
}
.acud-table-filter-trigger:hover {
color: #2468F2;
}
.acud-table-filter-trigger:focus,
.acud-table-filter-trigger:active {
color: #144BCC;
}
.acud-table-filter-trigger[disabled],
.acud-table-filter-trigger[aria-disabled="true"],
.acud-table-filter-trigger[disabled]:hover,
.acud-table-filter-trigger[aria-disabled="true"]:hover,
.acud-table-filter-trigger[disabled]:focus,
.acud-table-filter-trigger[aria-disabled="true"]:focus,
.acud-table-filter-trigger[disabled]:active,
.acud-table-filter-trigger[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-table-filter-trigger-active {
color: #2468F2;
}
.acud-table-filter-trigger-active:hover {
color: #528EFF;
}
.acud-table-filter-trigger-active:focus,
.acud-table-filter-trigger-active:active {
color: #144BCC;
}
.acud-table-filter-trigger-active[disabled],
.acud-table-filter-trigger-active[aria-disabled="true"],
.acud-table-filter-trigger-active[disabled]:hover,
.acud-table-filter-trigger-active[aria-disabled="true"]:hover,
.acud-table-filter-trigger-active[disabled]:focus,
.acud-table-filter-trigger-active[aria-disabled="true"]:focus,
.acud-table-filter-trigger-active[disabled]:active,
.acud-table-filter-trigger-active[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-table table {
width: 100%;
text-align: left;
border-collapse: separate;
border-spacing: 0;
font-size: 12px;
}
.acud-table-thead > tr > th,
.acud-table-tbody > tr > td,
.acud-table tfoot > tr > th,
.acud-table tfoot > tr > td {
position: relative;
padding: 10px 12px;
overflow-wrap: break-word;
}
.acud-table-small .acud-table-tbody > tr > td,
.acud-table-small .acud-table tfoot > tr > th,
.acud-table-small .acud-table tfoot > tr > td {
padding: 5px 5px;
}
.acud-table-large .acud-table-tbody > tr > td,
.acud-table-large .acud-table tfoot > tr > th,
.acud-table-large .acud-table tfoot > tr > td {
padding: 19px 19px;
}
.acud-table-thead > tr > th {
position: relative;
color: #5C5F66;
background: #F7F7F9;
text-align: left;
font-weight: 400;
}
.acud-table-thead > tr > th:not(:last-child) {
border-right: 1px solid #FFFFFF;
}
.acud-table-thead > tr > th.acud-table-selection-column,
.acud-table-thead > tr > th.acud-table-row-expand-icon-cell {
border-right: none;
}
.acud-table-thead > tr:not(:first-child) > th {
border-top: 1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;
}
.acud-table-tbody > tr {
transition: background 0.3s ease;
color: #151B26;
background-color: #FFFFFF;
border-color: #E8E9EB;
}
.acud-table-tbody > tr:hover {
color: #151B26;
}
.acud-table-tbody > tr:focus,
.acud-table-tbody > tr:active {
color: #151B26;
}
.acud-table-tbody > tr[disabled],
.acud-table-tbody > tr[aria-disabled="true"],
.acud-table-tbody > tr[disabled]:hover,
.acud-table-tbody > tr[aria-disabled="true"]:hover,
.acud-table-tbody > tr[disabled]:focus,
.acud-table-tbody > tr[aria-disabled="true"]:focus,
.acud-table-tbody > tr[disabled]:active,
.acud-table-tbody > tr[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-table-tbody > tr:hover {
background-color: #E6F0FF;
}
.acud-table-tbody > tr:focus,
.acud-table-tbody > tr:active {
background-color: #FFFFFF;
}
.acud-table-tbody > tr[disabled],
.acud-table-tbody > tr[aria-disabled="true"],
.acud-table-tbody > tr[disabled]:hover,
.acud-table-tbody > tr[aria-disabled="true"]:hover,
.acud-table-tbody > tr[disabled]:focus,
.acud-table-tbody > tr[aria-disabled="true"]:focus,
.acud-table-tbody > tr[disabled]:active,
.acud-table-tbody > tr[aria-disabled="true"]:active {
background-color: #F7F7F9;
}
.acud-table-tbody > tr:hover {
border-color: #E8E9EB;
}
.acud-table-tbody > tr:focus,
.acud-table-tbody > tr:active {
border-color: #E8E9EB;
}
.acud-table-tbody > tr[disabled],
.acud-table-tbody > tr[aria-disabled="true"],
.acud-table-tbody > tr[disabled]:hover,
.acud-table-tbody > tr[aria-disabled="true"]:hover,
.acud-table-tbody > tr[disabled]:focus,
.acud-table-tbody > tr[aria-disabled="true"]:focus,
.acud-table-tbody > tr[disabled]:active,
.acud-table-tbody > tr[aria-disabled="true"]:active {
border-color: #E8E9EB;
}
.acud-table-tbody > tr > td {
color: #151B26;
border-bottom: 1px solid #E8E9EB;
}
.acud-table-tbody > tr.acud-table-placeholder > td {
border-bottom: none;
}
.acud-table-bordered .acud-table-container {
border-left: 1px solid #f0f0f0;
}
.acud-table-bordered table > thead > tr > th,
.acud-table-bordered table > tbody > tr > td,
.acud-table-bordered table > tfoot > tr > td,
.acud-table-bordered table > tfoot > tr > th {
border-right: 1px solid #f0f0f0;
}
.acud-table-bordered table {
border-top: 1px solid #f0f0f0;
}
.acud-table .acud-table-column-sorter {
display: inline-block;
vertical-align: middle;
width: 16px;
height: 16px;
margin-left: 8px;
position: relative;
cursor: pointer;
/*
.@{table-prefix-cls}-column-sorter-up {
.basic-tp-config(@table-icon-active-tp);
}
.@{table-prefix-cls}-column-sorter-down {
.basic-tp-config(@table-icon-active-tp);
}
*/
}
.acud-table .acud-table-column-sorter .acud-table-column-sorter-default {
color: #84868C;
}
.acud-table .acud-table-column-sorter .acud-table-column-sorter-default:hover {
color: #2468F2;
}
.acud-table .acud-table-column-sorter .acud-table-column-sorter-default:focus,
.acud-table .acud-table-column-sorter .acud-table-column-sorter-default:active {
color: #144BCC;
}
.acud-table .acud-table-column-sorter .acud-table-column-sorter-default[disabled],
.acud-table .acud-table-column-sorter .acud-table-column-sorter-default[aria-disabled="true"],
.acud-table .acud-table-column-sorter .acud-table-column-sorter-default[disabled]:hover,
.acud-table .acud-table-column-sorter .acud-table-column-sorter-default[aria-disabled="true"]:hover,
.acud-table .acud-table-column-sorter .acud-table-column-sorter-default[disabled]:focus,
.acud-table .acud-table-column-sorter .acud-table-column-sorter-default[aria-disabled="true"]:focus,
.acud-table .acud-table-column-sorter .acud-table-column-sorter-default[disabled]:active,
.acud-table .acud-table-column-sorter .acud-table-column-sorter-default[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-table .acud-table-column-filter {
margin-left: 8px;
font-size: 0;
cursor: pointer;
}
.acud-table-dropdown-checkbox {
font-size: 0;
margin-right: 5px;
}
.acud-table-collapse-column {
text-align: center;
}
.acud-table-collapse-button {
border: none;
outline: none;
cursor: pointer;
background-color: transparent;
transition: all 0.3s ease;
}
.acud-table-collapse-button.acud-table-collapse-expand {
transform: rotate(180deg);
}
.acud-table-expand-row > td {
padding: 0 !important;
}
.acud-table-empty-placement {
padding: 10px;
min-height: 120px;
text-align: center;
}
.acud-table-filter-dropdown {
box-sizing: border-box;
font-size: 12px;
line-height: 1.5;
list-style: none;
border-radius: 2px;
z-index: 1050;
box-shadow: 0 3px 6px -4px #0000001f, 0 6px 16px #00000014, 0 9px 28px 8px #0000000d;
}
.acud-table-filter-dropdown-box {
min-width: 120px;
padding: 4px 0;
}
.acud-table-filter-dropdown-box .acud-dropdown-menu-item-multiple {
padding: 0;
}
.acud-table-filter-dropdown-box .acud-checkbox-wrapper {
display: flex;
padding-left: 12px;
padding-right: 12px;
}
.acud-table-filter-dropdown-box .acud-table-filter-dropdown-tree .acud-checkbox-wrapper {
padding-left: 0;
}
.acud-table-filter-dropdown-menu {
max-height: 264px;
overflow-x: hidden;
border: 0;
box-shadow: none;
position: relative;
margin: 0;
padding: 4px 0;
text-align: left;
list-style-type: none;
border-radius: 2px;
outline: none;
}
.acud-table-filter-dropdown-menu-item {
clear: both;
margin: 0;
padding: 5px 12px;
white-space: nowrap;
cursor: pointer;
transition: all 0.3s ease;
position: relative;
display: flex;
align-items: center;
list-style: none;
color: #151B26;
background-color: #FFFFFF;
border-color: transparent;
}
.acud-table-filter-dropdown-menu-item:hover {
color: #151B26;
}
.acud-table-filter-dropdown-menu-item:focus,
.acud-table-filter-dropdown-menu-item:active {
color: #2468F2;
}
.acud-table-filter-dropdown-menu-item[disabled],
.acud-table-filter-dropdown-menu-item[aria-disabled="true"],
.acud-table-filter-dropdown-menu-item[disabled]:hover,
.acud-table-filter-dropdown-menu-item[aria-disabled="true"]:hover,
.acud-table-filter-dropdown-menu-item[disabled]:focus,
.acud-table-filter-dropdown-menu-item[aria-disabled="true"]:focus,
.acud-table-filter-dropdown-menu-item[disabled]:active,
.acud-table-filter-dropdown-menu-item[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-table-filter-dropdown-menu-item:hover {
background-color: #E6F0FF;
}
.acud-table-filter-dropdown-menu-item:focus,
.acud-table-filter-dropdown-menu-item:active {
background-color: #FFFFFF;
}
.acud-table-filter-dropdown-menu-item[disabled],
.acud-table-filter-dropdown-menu-item[aria-disabled="true"],
.acud-table-filter-dropdown-menu-item[disabled]:hover,
.acud-table-filter-dropdown-menu-item[aria-disabled="true"]:hover,
.acud-table-filter-dropdown-menu-item[disabled]:focus,
.acud-table-filter-dropdown-menu-item[aria-disabled="true"]:focus,
.acud-table-filter-dropdown-menu-item[disabled]:active,
.acud-table-filter-dropdown-menu-item[aria-disabled="true"]:active {
background-color: #FFFFFF;
}
.acud-table-filter-dropdown-menu-item:hover {
border-color: transparent;
}
.acud-table-filter-dropdown-menu-item:focus,
.acud-table-filter-dropdown-menu-item:active {
border-color: transparent;
}
.acud-table-filter-dropdown-menu-item[disabled],
.acud-table-filter-dropdown-menu-item[aria-disabled="true"],
.acud-table-filter-dropdown-menu-item[disabled]:hover,
.acud-table-filter-dropdown-menu-item[aria-disabled="true"]:hover,
.acud-table-filter-dropdown-menu-item[disabled]:focus,
.acud-table-filter-dropdown-menu-item[aria-disabled="true"]:focus,
.acud-table-filter-dropdown-menu-item[disabled]:active,
.acud-table-filter-dropdown-menu-item[aria-disabled="true"]:active {
border-color: transparent;
}
.acud-table-filter-dropdown-menu-item-checked.acud-dropdown-menu-item {
color: #2468F2;
}
.acud-table-space {
display: inline-flex;
}
/* color */
/* 默认颜色 */
/* 通用-icon */
/* 标签 */
/* 默认颜色 */
/* 其他颜色 */
/* 通用 */
/* 水平 */
/* 垂直 */
/* 序号水平 */
/* 序号垂直 */
@keyframes acudCheckboxEffect {
0% {
transform: scale(1);
opacity: 0.5;
}
100% {
transform: scale(1.6);
opacity: 0;
}
}
.acud-tree-checkbox {
margin: 0;
padding: 0;
display: flex;
position: relative;
line-height: 1;
top: 0;
white-space: nowrap;
outline: none;
cursor: pointer;
}
.acud-tree-checkbox-wrapper:hover .acud-tree-checkbox-inner,
.acud-tree-checkbox:hover .acud-tree-checkbox-inner {
border-color: #2468F2;
}
.acud-tree-checkbox:active .acud-tree-checkbox-inner {
border-color: #144BCC;
}
.acud-tree-checkbox:hover::after,
.acud-tree-checkbox-wrapper:hover .acud-tree-checkbox::after {
visibility: visible;
}
.acud-tree-checkbox-inner {
position: relative;
display: inline-flex;
width: 16px;
height: 16px;
direction: ltr;
background-color: #FFFFFF;
border: 1px solid #E8E9EB;
border-radius: 0px;
border-collapse: separate;
border-radius: 2px;
}
.acud-tree-checkbox-input {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
width: 16px;
height: 16px;
cursor: pointer;
opacity: 0;
}
.acud-tree-checkbox-checked .acud-tree-checkbox-inner {
background-color: #2468F2;
border-color: #2468F2;
}
.acud-tree-checkbox-checked .acud-tree-checkbox-inner .checkbox-check-icon {
color: #FFFFFF;
width: 14px;
height: 14px;
}
.acud-tree-checkbox-checked:hover .acud-tree-checkbox-inner {
background-color: #528EFF;
border-color: #528EFF;
}
.acud-tree-checkbox-checked:hover .acud-tree-checkbox-inner .checkbox-check-icon {
color: #FFFFFF;
width: 14px;
height: 14px;
}
.acud-tree-checkbox-checked:active .acud-tree-checkbox-inner {
background-color: #144BCC;
border-color: #144BCC;
}
.acud-tree-checkbox-checked:active .acud-tree-checkbox-inner .checkbox-check-icon {
color: #FFFFFF;
width: 14px;
height: 14px;
}
.acud-tree-checkbox.acud-tree-checkbox-checked + span {
color: #151B26;
}
.acud-tree-checkbox.acud-tree-checkbox-checked + span:hover {
color: #151B26;
}
.acud-tree-checkbox.acud-tree-checkbox-disabled {
cursor: not-allowed;
}
.acud-tree-checkbox.acud-tree-checkbox-disabled.acud-tree-checkbox-checked .acud-tree-checkbox-inner {
background-color: #7DADFF;
border-color: #7DADFF;
}
.acud-tree-checkbox.acud-tree-checkbox-disabled.acud-tree-checkbox-checked .acud-tree-checkbox-inner .checkbox-check-icon {
color: #FFFFFF;
}
.acud-tree-checkbox.acud-tree-checkbox-disabled.acud-tree-checkbox-checked .acud-tree-checkbox-inner::after {
border-color: #7DADFF;
animation-name: none;
}
.acud-tree-checkbox.acud-tree-checkbox-disabled .acud-tree-checkbox-input {
cursor: not-allowed;
}
.acud-tree-checkbox.acud-tree-checkbox-disabled .acud-tree-checkbox-inner {
background-color: #F7F7F9;
border-color: #E8E9EB;
}
.acud-tree-checkbox.acud-tree-checkbox-disabled .acud-tree-checkbox-inner .checkbox-check-icon {
color: #B8BABF;
}
.acud-tree-checkbox.acud-tree-checkbox-disabled + span {
color: #B8BABF;
cursor: not-allowed;
}
.acud-tree-checkbox.acud-tree-checkbox-disabled + span:hover {
color: #B8BABF;
}
.acud-tree-checkbox.acud-tree-checkbox-disabled:hover::after,
.acud-tree-checkbox-wrapper:hover .acud-tree-checkbox.acud-tree-checkbox-disabled::after {
visibility: hidden;
}
.acud-tree-checkbox-wrapper {
margin: 0;
padding: 0;
display: flex;
align-items: center;
line-height: unset;
cursor: pointer;
}
.acud-tree-checkbox-wrapper::after {
display: inline-block;
width: 0;
overflow: hidden;
content: "\a0";
}
.acud-tree-checkbox-wrapper.acud-tree-checkbox-wrapper-disabled {
cursor: not-allowed;
}
.acud-tree-checkbox-wrapper + .acud-tree-checkbox-wrapper {
margin-left: 8px;
}
.acud-tree-checkbox + span {
padding-right: 8px;
padding-left: 8px;
color: #151B26;
}
.acud-tree-checkbox + span:hover {
color: #151B26;
}
.acud-tree-checkbox-group {
margin: 0;
padding: 0;
display: inline-flex;
vertical-align: middle;
}
.acud-tree-checkbox-group-item {
margin-right: 16px;
}
.acud-tree-checkbox-group-item:last-child {
margin-right: 0;
}
.acud-tree-checkbox-group-item + .acud-tree-checkbox-group-item {
margin-left: 0;
}
.acud-tree-checkbox-indeterminate .acud-tree-checkbox-inner {
background-color: #FFFFFF;
border-color: #2468F2;
}
.acud-tree-checkbox-indeterminate .acud-tree-checkbox-inner::after {
position: absolute;
display: table;
top: 50%;
left: 50%;
width: 8px;
height: 8px;
background-color: #2468F2;
border: 0;
transform: translate(-50%, -50%) scale(1);
opacity: 1;
content: ' ';
}
.acud-tree-checkbox-indeterminate.acud-tree-checkbox-disabled .acud-tree-checkbox-inner {
background-color: #FFFFFF;
border-color: #7DADFF;
}
.acud-tree-checkbox-indeterminate.acud-tree-checkbox-disabled .acud-tree-checkbox-inner::after {
background-color: #7DADFF;
}
.acud-tree-checkbox-indeterminate:active .acud-tree-checkbox-inner {
background-color: #FFFFFF;
border-color: #144BCC;
}
.acud-tree-checkbox-indeterminate:hover .acud-tree-checkbox-inner {
background-color: #FFFFFF;
border-color: #7DADFF;
}
.acud-tree-checkbox-indeterminate:hover .acud-tree-checkbox-inner::after {
background-color: #7DADFF;
}
.acud-tree-checkbox-inner::after {
top: 43%;
left: 24%;
width: 4px;
height: 8px;
position: absolute;
display: table;
border: 1px solid #FFFFFF;
border-top: 0;
border-left: 0;
transform: rotate(45deg) scale(1) translate(-50%, -50%);
opacity: 1;
content: " ";
}
.acud-tree-treenode-checkbox-disabled .acud-tree-checkbox-inner::after {
border: 1px solid #B8BABF;
border-top: 0;
border-left: 0;
}
.acud-tree .acud-tree-checkbox-disabled.acud-tree-checkbox-checked .acud-tree-checkbox-inner::after {
border-color: #FFFFFF;
}
.acud-tree .acud-tree-checkbox-disabled:not(.acud-tree-checkbox-checked) .acud-tree-checkbox-inner::after {
display: none;
}
.acud-tree-popover-util {
margin: -6px 0;
}
.acud-tree-popover-util li {
line-height: 32px;
margin: 0 -12px;
padding: 0 12px;
}
.acud-tree-popover-util li:hover {
background: #E6F0FF;
cursor: pointer;
}
.acud-tree-popover-util-li-disabled {
color: #B8BABF;
}
.acud-tree-popover-util-li-disabled:hover {
background: transparent !important;
cursor: not-allowed !important;
}
.acud-tree-search-input {
margin-bottom: 4px;
}
.acud-tree .acud-tree-treenode {
display: flex;
align-items: flex-start;
outline: none;
padding: 0 0 4px 0;
line-height: 24px;
color: #151B26;
}
.acud-tree .acud-tree-treenode:hover {
color: #151B26;
}
.acud-tree .acud-tree-treenode:focus,
.acud-tree .acud-tree-treenode:active {
color: #2468F2;
}
.acud-tree .acud-tree-treenode[disabled],
.acud-tree .acud-tree-treenode[aria-disabled="true"],
.acud-tree .acud-tree-treenode[disabled]:hover,
.acud-tree .acud-tree-treenode[aria-disabled="true"]:hover,
.acud-tree .acud-tree-treenode[disabled]:focus,
.acud-tree .acud-tree-treenode[aria-disabled="true"]:focus,
.acud-tree .acud-tree-treenode[disabled]:active,
.acud-tree .acud-tree-treenode[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-tree .acud-tree-treenode:active {
color: #151B26;
}
.acud-tree .acud-tree-treenode-disabled .acud-tree-node-content-wrapper {
color: #B8BABF;
cursor: not-allowed;
}
.acud-tree .acud-tree-treenode-disabled .acud-tree-node-content-wrapper:hover {
background: transparent;
}
.acud-tree .acud-tree-treenode-disabled .acud-tree-node-content-wrapper:active {
color: #B8BABF;
}
.acud-tree-indent {
align-self: stretch;
white-space: nowrap;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.acud-tree-indent-unit {
display: inline-block;
width: 24px;
}
.acud-tree-switcher {
position: relative;
flex: none;
align-self: stretch;
width: 16px;
margin: 0;
line-height: 24px;
text-align: center;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.acud-tree-switcher .acud-tree-switcher-icon,
.acud-tree-switcher .acud-select-tree-switcher-icon {
color: #84868C;
background-color: transparent;
border-color: transparent;
display: inline-block;
font-size: 10px;
line-height: 0;
vertical-align: -0.24em;
}
.acud-tree-switcher .acud-tree-switcher-icon:hover,
.acud-tree-switcher .acud-select-tree-switcher-icon:hover {
color: #84868C;
}
.acud-tree-switcher .acud-tree-switcher-icon:focus,
.acud-tree-switcher .acud-select-tree-switcher-icon:focus,
.acud-tree-switcher .acud-tree-switcher-icon:active,
.acud-tree-switcher .acud-select-tree-switcher-icon:active {
color: #84868C;
}
.acud-tree-switcher .acud-tree-switcher-icon[disabled],
.acud-tree-switcher .acud-select-tree-switcher-icon[disabled],
.acud-tree-switcher .acud-tree-switcher-icon[aria-disabled="true"],
.acud-tree-switcher .acud-select-tree-switcher-icon[aria-disabled="true"],
.acud-tree-switcher .acud-tree-switcher-icon[disabled]:hover,
.acud-tree-switcher .acud-select-tree-switcher-icon[disabled]:hover,
.acud-tree-switcher .acud-tree-switcher-icon[aria-disabled="true"]:hover,
.acud-tree-switcher .acud-select-tree-switcher-icon[aria-disabled="true"]:hover,
.acud-tree-switcher .acud-tree-switcher-icon[disabled]:focus,
.acud-tree-switcher .acud-select-tree-switcher-icon[disabled]:focus,
.acud-tree-switcher .acud-tree-switcher-icon[aria-disabled="true"]:focus,
.acud-tree-switcher .acud-select-tree-switcher-icon[aria-disabled="true"]:focus,
.acud-tree-switcher .acud-tree-switcher-icon[disabled]:active,
.acud-tree-switcher .acud-select-tree-switcher-icon[disabled]:active,
.acud-tree-switcher .acud-tree-switcher-icon[aria-disabled="true"]:active,
.acud-tree-switcher .acud-select-tree-switcher-icon[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-tree-switcher .acud-tree-switcher-icon:hover,
.acud-tree-switcher .acud-select-tree-switcher-icon:hover {
background-color: transparent;
}
.acud-tree-switcher .acud-tree-switcher-icon:focus,
.acud-tree-switcher .acud-select-tree-switcher-icon:focus,
.acud-tree-switcher .acud-tree-switcher-icon:active,
.acud-tree-switcher .acud-select-tree-switcher-icon:active {
background-color: transparent;
}
.acud-tree-switcher .acud-tree-switcher-icon[disabled],
.acud-tree-switcher .acud-select-tree-switcher-icon[disabled],
.acud-tree-switcher .acud-tree-switcher-icon[aria-disabled="true"],
.acud-tree-switcher .acud-select-tree-switcher-icon[aria-disabled="true"],
.acud-tree-switcher .acud-tree-switcher-icon[disabled]:hover,
.acud-tree-switcher .acud-select-tree-switcher-icon[disabled]:hover,
.acud-tree-switcher .acud-tree-switcher-icon[aria-disabled="true"]:hover,
.acud-tree-switcher .acud-select-tree-switcher-icon[aria-disabled="true"]:hover,
.acud-tree-switcher .acud-tree-switcher-icon[disabled]:focus,
.acud-tree-switcher .acud-select-tree-switcher-icon[disabled]:focus,
.acud-tree-switcher .acud-tree-switcher-icon[aria-disabled="true"]:focus,
.acud-tree-switcher .acud-select-tree-switcher-icon[aria-disabled="true"]:focus,
.acud-tree-switcher .acud-tree-switcher-icon[disabled]:active,
.acud-tree-switcher .acud-select-tree-switcher-icon[disabled]:active,
.acud-tree-switcher .acud-tree-switcher-icon[aria-disabled="true"]:active,
.acud-tree-switcher .acud-select-tree-switcher-icon[aria-disabled="true"]:active {
background-color: transparent;
}
.acud-tree-switcher .acud-tree-switcher-icon:hover,
.acud-tree-switcher .acud-select-tree-switcher-icon:hover {
border-color: transparent;
}
.acud-tree-switcher .acud-tree-switcher-icon:focus,
.acud-tree-switcher .acud-select-tree-switcher-icon:focus,
.acud-tree-switcher .acud-tree-switcher-icon:active,
.acud-tree-switcher .acud-select-tree-switcher-icon:active {
border-color: transparent;
}
.acud-tree-switcher .acud-tree-switcher-icon[disabled],
.acud-tree-switcher .acud-select-tree-switcher-icon[disabled],
.acud-tree-switcher .acud-tree-switcher-icon[aria-disabled="true"],
.acud-tree-switcher .acud-select-tree-switcher-icon[aria-disabled="true"],
.acud-tree-switcher .acud-tree-switcher-icon[disabled]:hover,
.acud-tree-switcher .acud-select-tree-switcher-icon[disabled]:hover,
.acud-tree-switcher .acud-tree-switcher-icon[aria-disabled="true"]:hover,
.acud-tree-switcher .acud-select-tree-switcher-icon[aria-disabled="true"]:hover,
.acud-tree-switcher .acud-tree-switcher-icon[disabled]:focus,
.acud-tree-switcher .acud-select-tree-switcher-icon[disabled]:focus,
.acud-tree-switcher .acud-tree-switcher-icon[aria-disabled="true"]:focus,
.acud-tree-switcher .acud-select-tree-switcher-icon[aria-disabled="true"]:focus,
.acud-tree-switcher .acud-tree-switcher-icon[disabled]:active,
.acud-tree-switcher .acud-select-tree-switcher-icon[disabled]:active,
.acud-tree-switcher .acud-tree-switcher-icon[aria-disabled="true"]:active,
.acud-tree-switcher .acud-select-tree-switcher-icon[aria-disabled="true"]:active {
border-color: transparent;
}
.acud-tree-switcher .acud-tree-switcher-icon svg,
.acud-tree-switcher .acud-select-tree-switcher-icon svg {
width: 16px!important;
transition: transform 0.3s;
}
.acud-tree-switcher-noop {
cursor: default;
}
.acud-tree-switcher_close .acud-tree-switcher-icon svg {
transform: rotate(-90deg);
}
.acud-tree-switcher-leaf-line {
position: relative;
z-index: 1;
display: inline-block;
width: 100%;
height: 100%;
}
.acud-tree-switcher-leaf-line::before {
position: absolute;
top: 0;
right: 8px;
bottom: -4px;
margin-left: -1px;
border-right: 1px solid #B8BABF;
content: ' ';
}
.acud-tree-switcher-leaf-line::after {
position: absolute;
width: 10px;
height: 14px;
border-bottom: 1px solid #B8BABF;
content: ' ';
}
.acud-tree .acud-tree-node-content-wrapper {
position: relative;
flex: 1;
z-index: auto;
min-height: 24px;
margin: 0 4px;
padding: 0 4px;
color: inherit;
line-height: 24px;
background: transparent;
cursor: pointer;
transition: all 0.3s, border 0s, line-height 0s, box-shadow 0s;
}
.acud-tree .acud-tree-node-content-wrapper:hover {
background-color: #F7F7F9;
border-radius: 2px;
}
.acud-tree .acud-tree-node-content-wrapper:active {
color: #151B26;
}
.acud-tree .acud-tree-node-content-wrapper.acud-tree-node-selected,
.acud-tree .acud-tree-node-content-wrapper .acud-tree-node-highlighttext {
background-color: #E6F0FF;
border-radius: 2px;
}
.acud-tree .acud-tree-node-content-wrapper .acud-tree-iconEle {
display: inline-block;
width: 16px;
height: 16px;
line-height: 24px;
margin-right: 8px;
text-align: center;
vertical-align: top;
color: #84868C;
}
.acud-tree .acud-tree-node-content-wrapper .acud-tree-iconEle:empty {
display: none;
}
.acud-tree .acud-tree-node-content-wrapper .acud-tree-iconEle .acudicon {
vertical-align: -0.2em;
}
.acud-tree .acud-tree-node-content-wrapper .acud-tree-icon-util > span {
color: #84868C;
margin-left: 8px;
vertical-align: -0.2em;
line-height: 0;
}
.acud-tree .acud-tree-node-content-wrapper .acud-tree-icon-util > span:hover {
color: #2468F2;
}
.acud-tree .acud-tree-node-content-wrapper .acud-tree-icon-util > span:active {
color: #144BCC;
}
.acud-tree .acud-tree-node-content-wrapper .acud-tree-edit-input {
margin: 0 -8px;
}
.acud-tree-node-content-wrapper {
line-height: 24px;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.acud-tree-node-content-wrapper .acud-tree-drop-indicator {
position: absolute;
z-index: 1;
height: 1px;
background-color: #2468F2;
border-radius: 1px;
pointer-events: none;
}
.acud-tree-node-content-wrapper .acud-tree-drop-indicator::after {
position: absolute;
top: -2px;
left: -4px;
width: 5px;
height: 5px;
background-color: transparent;
border: 1px solid #2468F2;
border-radius: 50%;
content: '';
}
.acud-tree-draggable-icon {
width: 16px;
height: 16px;
text-align: center;
line-height: 24px;
margin: 0 8px;
opacity: 0;
}
.acud-tree-treenode:hover .acud-tree-draggable-icon {
opacity: 0.45;
}
.acud-tree-show-line .acud-tree-indent-unit {
position: relative;
height: 100%;
}
.acud-tree-show-line .acud-tree-indent-unit::before {
position: absolute;
top: 0;
right: 16px;
bottom: -4px;
border-right: 1px solid #B8BABF;
content: '';
}
.acud-tree-show-line .acud-tree-indent-unit-end::before {
display: none;
}
.acud-tree .acud-tree-treenode-leaf-last .acud-tree-switcher-leaf-line::before {
top: auto !important;
bottom: auto !important;
height: 14px !important;
}
.acud-tree-checkbox {
margin: 2px 0 0 8px;
top: 0.1em;
}
.acud-tree-with-title-ellipsis .acud-tree-title {
flex: 1;
overflow: hidden;
}
.acud-tree-with-title-ellipsis .acud-tree-title-titleWithOps {
display: flex;
white-space: nowrap;
}
.acud-tree-with-title-ellipsis .acud-tree-title-titleContent {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.acud-tree-with-title-ellipsis .acud-tree-node-content-wrapper {
display: flex;
overflow: hidden;
max-width: 100%;
}
.acud-tree-with-title-ellipsis .acud-tree-node-content-wrapper .acud-tree-edit-input {
margin: 0;
}
/* color */
/* 默认颜色 */
/* 通用-icon */
/* 标签 */
/* 默认颜色 */
/* 其他颜色 */
/* 通用 */
/* 水平 */
/* 垂直 */
/* 序号水平 */
/* 序号垂直 */
.acud-time-panel-wrap .acud-picker-panel {
display: inline-flex;
flex-direction: column;
text-align: center;
border-radius: 0px;
outline: none;
}
.acud-time-panel-wrap .acud-picker-panel-header {
height: 32px;
padding: 0 12px;
background-color: #F7F7F9;
font-size: 12px;
line-height: 32px;
color: #151B26;
}
.acud-time-panel-wrap .acud-picker-panel-header > li {
margin-right: 24px;
display: inline-block;
cursor: pointer;
}
.acud-time-panel-wrap .acud-picker-time-panel {
display: flex;
flex-direction: column;
width: 240px;
}
.acud-time-panel-wrap .acud-picker-header {
display: flex;
padding: 0 12px;
color: #151B26;
border-bottom: 1px solid #E8E9EB;
}
.acud-time-panel-wrap .acud-picker-header:hover {
color: #151B26;
}
.acud-time-panel-wrap .acud-picker-header:focus,
.acud-time-panel-wrap .acud-picker-header:active {
color: #FFFFFF;
}
.acud-time-panel-wrap .acud-picker-header[disabled],
.acud-time-panel-wrap .acud-picker-header[aria-disabled="true"],
.acud-time-panel-wrap .acud-picker-header[disabled]:hover,
.acud-time-panel-wrap .acud-picker-header[aria-disabled="true"]:hover,
.acud-time-panel-wrap .acud-picker-header[disabled]:focus,
.acud-time-panel-wrap .acud-picker-header[aria-disabled="true"]:focus,
.acud-time-panel-wrap .acud-picker-header[disabled]:active,
.acud-time-panel-wrap .acud-picker-header[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-time-panel-wrap .acud-picker-header > * {
flex: none;
}
.acud-time-panel-wrap .acud-picker-header button {
padding: 0;
color: #B8BABF;
background: transparent;
border: 0;
cursor: pointer;
transition: color 0.3s;
}
.acud-time-panel-wrap .acud-picker-header > button {
min-width: 8px;
font-size: 12px;
}
.acud-time-panel-wrap .acud-picker-header-super-prev-btn,
.acud-time-panel-wrap .acud-picker-header-next-btn {
margin-right: 8px;
}
.acud-time-panel-wrap .acud-picker-header-view {
flex: auto;
font-size: 12px;
line-height: 40px;
color: #151B26;
}
.acud-time-panel-wrap .acud-picker-header-view:hover {
color: #151B26;
}
.acud-time-panel-wrap .acud-picker-header-view:focus,
.acud-time-panel-wrap .acud-picker-header-view:active {
color: #FFFFFF;
}
.acud-time-panel-wrap .acud-picker-header-view[disabled],
.acud-time-panel-wrap .acud-picker-header-view[aria-disabled="true"],
.acud-time-panel-wrap .acud-picker-header-view[disabled]:hover,
.acud-time-panel-wrap .acud-picker-header-view[aria-disabled="true"]:hover,
.acud-time-panel-wrap .acud-picker-header-view[disabled]:focus,
.acud-time-panel-wrap .acud-picker-header-view[aria-disabled="true"]:focus,
.acud-time-panel-wrap .acud-picker-header-view[disabled]:active,
.acud-time-panel-wrap .acud-picker-header-view[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-time-panel-wrap .acud-picker-header-view button {
color: inherit;
font-weight: inherit;
}
.acud-time-panel-wrap .acud-picker-header-view button:not(:first-child) {
margin-left: 8px;
}
.acud-time-panel-wrap .acud-picker-content {
width: 100%;
table-layout: fixed;
border-collapse: collapse;
padding-bottom: 4px;
}
.acud-time-panel-wrap .acud-picker-content > div {
width: 32px;
margin-right: 16px;
height: 26px;
overflow: visible;
}
.acud-time-panel-wrap .acud-picker-content > div::after {
content: ':';
display: block;
position: relative;
top: -28px;
left: 24px;
}
.acud-time-panel-wrap .acud-picker-content > div input {
width: 100%;
outline-style: none;
line-height: 24px;
text-align: center;
height: 24px;
box-sizing: border-box;
border: 1px solid;
background-color: #FFFFFF;
border-color: #E8E9EB;
}
.acud-time-panel-wrap .acud-picker-content > div input:hover {
background-color: #FFFFFF;
}
.acud-time-panel-wrap .acud-picker-content > div input:focus,
.acud-time-panel-wrap .acud-picker-content > div input:active {
background-color: #FFFFFF;
}
.acud-time-panel-wrap .acud-picker-content > div input[disabled],
.acud-time-panel-wrap .acud-picker-content > div input[aria-disabled="true"],
.acud-time-panel-wrap .acud-picker-content > div input[disabled]:hover,
.acud-time-panel-wrap .acud-picker-content > div input[aria-disabled="true"]:hover,
.acud-time-panel-wrap .acud-picker-content > div input[disabled]:focus,
.acud-time-panel-wrap .acud-picker-content > div input[aria-disabled="true"]:focus,
.acud-time-panel-wrap .acud-picker-content > div input[disabled]:active,
.acud-time-panel-wrap .acud-picker-content > div input[aria-disabled="true"]:active {
background-color: #F7F7F9;
}
.acud-time-panel-wrap .acud-picker-content > div input:hover {
border-color: #2468F2;
}
.acud-time-panel-wrap .acud-picker-content > div input:focus,
.acud-time-panel-wrap .acud-picker-content > div input:active {
border-color: #144BCC;
}
.acud-time-panel-wrap .acud-picker-content > div input[disabled],
.acud-time-panel-wrap .acud-picker-content > div input[aria-disabled="true"],
.acud-time-panel-wrap .acud-picker-content > div input[disabled]:hover,
.acud-time-panel-wrap .acud-picker-content > div input[aria-disabled="true"]:hover,
.acud-time-panel-wrap .acud-picker-content > div input[disabled]:focus,
.acud-time-panel-wrap .acud-picker-content > div input[aria-disabled="true"]:focus,
.acud-time-panel-wrap .acud-picker-content > div input[disabled]:active,
.acud-time-panel-wrap .acud-picker-content > div input[aria-disabled="true"]:active {
border-color: #E8E9EB;
}
.acud-time-panel-wrap .acud-picker-content > div:last-child::after {
display: none;
}
.acud-time-panel-wrap .acud-picker-content th,
.acud-time-panel-wrap .acud-picker-content td {
position: relative;
font-weight: 400;
font-size: 12px;
}
.acud-time-panel-wrap .acud-picker-content td {
background-color: #FFFFFF;
border-color: transparent;
}
.acud-time-panel-wrap .acud-picker-content td:hover {
background-color: #F7F7F9;
}
.acud-time-panel-wrap .acud-picker-content td:focus,
.acud-time-panel-wrap .acud-picker-content td:active {
background-color: #2468F2;
}
.acud-time-panel-wrap .acud-picker-content td[disabled],
.acud-time-panel-wrap .acud-picker-content td[aria-disabled="true"],
.acud-time-panel-wrap .acud-picker-content td[disabled]:hover,
.acud-time-panel-wrap .acud-picker-content td[aria-disabled="true"]:hover,
.acud-time-panel-wrap .acud-picker-content td[disabled]:focus,
.acud-time-panel-wrap .acud-picker-content td[aria-disabled="true"]:focus,
.acud-time-panel-wrap .acud-picker-content td[disabled]:active,
.acud-time-panel-wrap .acud-picker-content td[aria-disabled="true"]:active {
background-color: #FFFFFF;
}
.acud-time-panel-wrap .acud-picker-content td:hover {
border-color: transparent;
}
.acud-time-panel-wrap .acud-picker-content td:focus,
.acud-time-panel-wrap .acud-picker-content td:active {
border-color: transparent;
}
.acud-time-panel-wrap .acud-picker-content td[disabled],
.acud-time-panel-wrap .acud-picker-content td[aria-disabled="true"],
.acud-time-panel-wrap .acud-picker-content td[disabled]:hover,
.acud-time-panel-wrap .acud-picker-content td[aria-disabled="true"]:hover,
.acud-time-panel-wrap .acud-picker-content td[disabled]:focus,
.acud-time-panel-wrap .acud-picker-content td[aria-disabled="true"]:focus,
.acud-time-panel-wrap .acud-picker-content td[disabled]:active,
.acud-time-panel-wrap .acud-picker-content td[aria-disabled="true"]:active {
border-color: transparent;
}
.acud-time-panel-wrap .acud-picker-cell {
cursor: pointer;
color: #B8BABF;
}
.acud-time-panel-wrap .acud-picker-cell-in-view {
color: #151B26;
}
.acud-time-panel-wrap .acud-picker-cell-disabled {
cursor: not-allowed;
}
.acud-time-panel-wrap .acud-picker-quarter-panel .acud-picker-content {
height: 56px;
}
.acud-time-panel-wrap .acud-picker-footer {
width: -moz-min-content;
width: min-content;
min-width: 100%;
text-align: center;
border-top: 1px solid #E8E9EB;
border-bottom: 1px solid transparent;
}
.acud-picker-panel .acud-time-panel-wrap .acud-picker-footer {
border-top: 1px solid #E8E9EB;
}
.acud-time-panel-wrap .acud-picker-footer-extra {
padding: 0 8px;
line-height: 38px;
text-align: left;
}
.acud-time-panel-wrap .acud-picker-footer-extra:not(:last-child) {
border-bottom: 1px solid #E8E9EB;
}
.acud-time-panel-wrap .acud-picker-now {
margin-top: 0;
line-height: 56px;
text-align: left;
color: #2468F2;
cursor: pointer;
}
.acud-time-panel-wrap .acud-picker-decade-panel .acud-picker-cell-inner {
padding: 0 6px;
}
.acud-time-panel-wrap .acud-picker-decade-panel .acud-picker-cell::before {
display: none;
}
.acud-time-panel-wrap .acud-picker-time-panel {
width: auto;
min-width: auto;
}
.acud-time-panel-wrap .acud-picker-time-panel .acud-picker-content {
display: flex;
flex: auto;
height: 204px;
}
.acud-time-panel-wrap .acud-picker-time-panel-column {
flex: 1 0 auto;
width: 64px;
margin: 0;
padding: 0;
overflow-y: hidden;
text-align: left;
list-style: none;
transition: background 0.3s;
}
.acud-time-panel-wrap .acud-picker-time-panel-column::after {
display: block;
height: 176px;
content: '';
}
.acud-picker-datetime-panel .acud-time-panel-wrap .acud-picker-time-panel-column::after {
height: 178px;
}
.acud-time-panel-wrap .acud-picker-time-panel-column:not(:first-child) {
box-sizing: content-box;
border-left: 1px solid #E8E9EB;
}
.acud-time-panel-wrap .acud-picker-time-panel-column:hover {
overflow-y: auto;
overflow-y: overlay;
}
.acud-time-panel-wrap .acud-picker-time-panel-column > li {
margin: 0;
padding: 0;
}
.acud-time-panel-wrap .acud-picker-time-panel-column > li.acud-picker-time-panel-cell .acud-picker-time-panel-cell-inner {
display: block;
width: 100%;
height: 28px;
margin: 0;
color: #151B26;
font-size: 12px;
line-height: 28px;
text-align: center;
border-radius: 0;
cursor: pointer;
transition: background 0.3s;
}
.acud-time-panel-wrap .acud-picker-time-panel-column > li.acud-picker-time-panel-cell .acud-picker-time-panel-cell-inner:hover {
background-color: #F7F7F9;
}
.acud-time-panel-wrap .acud-picker-time-panel-column > li.acud-picker-time-panel-cell-selected .acud-picker-time-panel-cell-inner {
background-color: #E6F0FF;
}
.acud-time-panel-wrap .acud-picker-time-panel-column > li.acud-picker-time-panel-cell-disabled .acud-picker-time-panel-cell-inner {
color: #B8BABF;
background: transparent;
cursor: not-allowed;
}
.acud-time-panel-wrap .acud-picker-time-panel-column > li.acud-picker-time-panel-cell-disabled .acud-picker-time-panel-cell-inner:hover {
background: transparent;
}
.acud-time-panel-wrap .acud-picker-ranges {
padding-bottom: 0;
}
.acud-time-panel-wrap .acud-picker-ranges .acud-picker-ok {
margin-top: 12px;
margin-bottom: 12px;
}
.acud-time-panel-wrap .acud-picker-ranges .acud-picker-ok .acud-btn {
height: 32px;
padding: 0 12px;
border-radius: 4px;
}
.acud-time-panel-wrap .acud-picker-panel-container {
border-radius: 6px;
}
.acud-time-panel-wrap .acud-picker .acud-picker-active-bar {
bottom: -1px;
height: 2px;
margin-left: 8px;
background: #2468F2;
opacity: 0;
transition: all 0.3s ease-out;
pointer-events: none;
}
.acud-time-panel-wrap .acud-picker.acud-picker-focused {
border-color: #144BCC;
}
.acud-time-panel-wrap .acud-picker.acud-picker-focused .acud-picker-active-bar {
opacity: 1;
}
.acud-time-panel-wrap .acud-picker-input > input {
color: #151B26;
}
.acud-time-panel-wrap .acud-picker-input > input:hover {
color: #151B26;
}
.acud-time-panel-wrap .acud-picker-input > input:focus,
.acud-time-panel-wrap .acud-picker-input > input:active {
color: #151B26;
}
.acud-time-panel-wrap .acud-picker-input > input[disabled],
.acud-time-panel-wrap .acud-picker-input > input[aria-disabled="true"],
.acud-time-panel-wrap .acud-picker-input > input[disabled]:hover,
.acud-time-panel-wrap .acud-picker-input > input[aria-disabled="true"]:hover,
.acud-time-panel-wrap .acud-picker-input > input[disabled]:focus,
.acud-time-panel-wrap .acud-picker-input > input[aria-disabled="true"]:focus,
.acud-time-panel-wrap .acud-picker-input > input[disabled]:active,
.acud-time-panel-wrap .acud-picker-input > input[aria-disabled="true"]:active {
color: #84868C;
}
.acud-time-panel-wrap .acud-picker-input > input::-webkit-input-placeholder {
color: #B8BABF;
}
.acud-time-panel-wrap .acud-picker-input > input::-webkit-input-placeholder:hover {
color: #B8BABF;
}
.acud-time-panel-wrap .acud-picker-input > input::-webkit-input-placeholder:focus,
.acud-time-panel-wrap .acud-picker-input > input::-webkit-input-placeholder:active {
color: #B8BABF;
}
.acud-time-panel-wrap .acud-picker-input > input::-webkit-input-placeholder[disabled],
.acud-time-panel-wrap .acud-picker-input > input::-webkit-input-placeholder[aria-disabled="true"],
.acud-time-panel-wrap .acud-picker-input > input::-webkit-input-placeholder[disabled]:hover,
.acud-time-panel-wrap .acud-picker-input > input::-webkit-input-placeholder[aria-disabled="true"]:hover,
.acud-time-panel-wrap .acud-picker-input > input::-webkit-input-placeholder[disabled]:focus,
.acud-time-panel-wrap .acud-picker-input > input::-webkit-input-placeholder[aria-disabled="true"]:focus,
.acud-time-panel-wrap .acud-picker-input > input::-webkit-input-placeholder[disabled]:active,
.acud-time-panel-wrap .acud-picker-input > input::-webkit-input-placeholder[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-time-panel-wrap .acud-picker-input > input:-moz-placeholder {
color: #B8BABF;
}
.acud-time-panel-wrap .acud-picker-input > input:-moz-placeholder:hover {
color: #B8BABF;
}
.acud-time-panel-wrap .acud-picker-input > input:-moz-placeholder:focus,
.acud-time-panel-wrap .acud-picker-input > input:-moz-placeholder:active {
color: #B8BABF;
}
.acud-time-panel-wrap .acud-picker-input > input:-moz-placeholder[disabled],
.acud-time-panel-wrap .acud-picker-input > input:-moz-placeholder[aria-disabled="true"],
.acud-time-panel-wrap .acud-picker-input > input:-moz-placeholder[disabled]:hover,
.acud-time-panel-wrap .acud-picker-input > input:-moz-placeholder[aria-disabled="true"]:hover,
.acud-time-panel-wrap .acud-picker-input > input:-moz-placeholder[disabled]:focus,
.acud-time-panel-wrap .acud-picker-input > input:-moz-placeholder[aria-disabled="true"]:focus,
.acud-time-panel-wrap .acud-picker-input > input:-moz-placeholder[disabled]:active,
.acud-time-panel-wrap .acud-picker-input > input:-moz-placeholder[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-time-panel-wrap .acud-picker-input > input::-moz-placeholder {
color: #B8BABF;
}
.acud-time-panel-wrap .acud-picker-input > input::-moz-placeholder:hover {
color: #B8BABF;
}
.acud-time-panel-wrap .acud-picker-input > input::-moz-placeholder:focus,
.acud-time-panel-wrap .acud-picker-input > input::-moz-placeholder:active {
color: #B8BABF;
}
.acud-time-panel-wrap .acud-picker-input > input::-moz-placeholder[disabled],
.acud-time-panel-wrap .acud-picker-input > input::-moz-placeholder[aria-disabled="true"],
.acud-time-panel-wrap .acud-picker-input > input::-moz-placeholder[disabled]:hover,
.acud-time-panel-wrap .acud-picker-input > input::-moz-placeholder[aria-disabled="true"]:hover,
.acud-time-panel-wrap .acud-picker-input > input::-moz-placeholder[disabled]:focus,
.acud-time-panel-wrap .acud-picker-input > input::-moz-placeholder[aria-disabled="true"]:focus,
.acud-time-panel-wrap .acud-picker-input > input::-moz-placeholder[disabled]:active,
.acud-time-panel-wrap .acud-picker-input > input::-moz-placeholder[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-time-panel-wrap .acud-picker-input > input:-ms-input-placeholder {
color: #B8BABF;
}
.acud-time-panel-wrap .acud-picker-input > input:-ms-input-placeholder:hover {
color: #B8BABF;
}
.acud-time-panel-wrap .acud-picker-input > input:-ms-input-placeholder:focus,
.acud-time-panel-wrap .acud-picker-input > input:-ms-input-placeholder:active {
color: #B8BABF;
}
.acud-time-panel-wrap .acud-picker-input > input:-ms-input-placeholder[disabled],
.acud-time-panel-wrap .acud-picker-input > input:-ms-input-placeholder[aria-disabled="true"],
.acud-time-panel-wrap .acud-picker-input > input:-ms-input-placeholder[disabled]:hover,
.acud-time-panel-wrap .acud-picker-input > input:-ms-input-placeholder[aria-disabled="true"]:hover,
.acud-time-panel-wrap .acud-picker-input > input:-ms-input-placeholder[disabled]:focus,
.acud-time-panel-wrap .acud-picker-input > input:-ms-input-placeholder[aria-disabled="true"]:focus,
.acud-time-panel-wrap .acud-picker-input > input:-ms-input-placeholder[disabled]:active,
.acud-time-panel-wrap .acud-picker-input > input:-ms-input-placeholder[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-time-panel-wrap .acud-picker-separator,
.acud-time-panel-wrap .acud-picker-range-separator {
color: #B8BABF;
}
.acud-time-panel-wrap .acud-picker-separator:hover,
.acud-time-panel-wrap .acud-picker-range-separator:hover {
color: #B8BABF;
}
.acud-time-panel-wrap .acud-picker-separator:focus,
.acud-time-panel-wrap .acud-picker-range-separator:focus,
.acud-time-panel-wrap .acud-picker-separator:active,
.acud-time-panel-wrap .acud-picker-range-separator:active {
color: #B8BABF;
}
.acud-time-panel-wrap .acud-picker-separator[disabled],
.acud-time-panel-wrap .acud-picker-range-separator[disabled],
.acud-time-panel-wrap .acud-picker-separator[aria-disabled="true"],
.acud-time-panel-wrap .acud-picker-range-separator[aria-disabled="true"],
.acud-time-panel-wrap .acud-picker-separator[disabled]:hover,
.acud-time-panel-wrap .acud-picker-range-separator[disabled]:hover,
.acud-time-panel-wrap .acud-picker-separator[aria-disabled="true"]:hover,
.acud-time-panel-wrap .acud-picker-range-separator[aria-disabled="true"]:hover,
.acud-time-panel-wrap .acud-picker-separator[disabled]:focus,
.acud-time-panel-wrap .acud-picker-range-separator[disabled]:focus,
.acud-time-panel-wrap .acud-picker-separator[aria-disabled="true"]:focus,
.acud-time-panel-wrap .acud-picker-range-separator[aria-disabled="true"]:focus,
.acud-time-panel-wrap .acud-picker-separator[disabled]:active,
.acud-time-panel-wrap .acud-picker-range-separator[disabled]:active,
.acud-time-panel-wrap .acud-picker-separator[aria-disabled="true"]:active,
.acud-time-panel-wrap .acud-picker-range-separator[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-picker-range-has-value .acud-time-panel-wrap .acud-picker-separator,
.acud-picker-range-has-value .acud-time-panel-wrap .acud-picker-range-separator,
.acud-picker-focused .acud-time-panel-wrap .acud-picker-separator,
.acud-picker-focused .acud-time-panel-wrap .acud-picker-range-separator,
.acud-picker-disabled .acud-time-panel-wrap .acud-picker-separator,
.acud-picker-disabled .acud-time-panel-wrap .acud-picker-range-separator {
color: #B8BABF;
}
.acud-picker-range-has-value .acud-time-panel-wrap .acud-picker-separator:hover,
.acud-picker-range-has-value .acud-time-panel-wrap .acud-picker-range-separator:hover,
.acud-picker-focused .acud-time-panel-wrap .acud-picker-separator:hover,
.acud-picker-focused .acud-time-panel-wrap .acud-picker-range-separator:hover,
.acud-picker-disabled .acud-time-panel-wrap .acud-picker-separator:hover,
.acud-picker-disabled .acud-time-panel-wrap .acud-picker-range-separator:hover {
color: #B8BABF;
}
.acud-picker-range-has-value .acud-time-panel-wrap .acud-picker-separator:focus,
.acud-picker-range-has-value .acud-time-panel-wrap .acud-picker-range-separator:focus,
.acud-picker-focused .acud-time-panel-wrap .acud-picker-separator:focus,
.acud-picker-focused .acud-time-panel-wrap .acud-picker-range-separator:focus,
.acud-picker-disabled .acud-time-panel-wrap .acud-picker-separator:focus,
.acud-picker-disabled .acud-time-panel-wrap .acud-picker-range-separator:focus,
.acud-picker-range-has-value .acud-time-panel-wrap .acud-picker-separator:active,
.acud-picker-range-has-value .acud-time-panel-wrap .acud-picker-range-separator:active,
.acud-picker-focused .acud-time-panel-wrap .acud-picker-separator:active,
.acud-picker-focused .acud-time-panel-wrap .acud-picker-range-separator:active,
.acud-picker-disabled .acud-time-panel-wrap .acud-picker-separator:active,
.acud-picker-disabled .acud-time-panel-wrap .acud-picker-range-separator:active {
color: #B8BABF;
}
.acud-picker-range-has-value .acud-time-panel-wrap .acud-picker-separator[disabled],
.acud-picker-range-has-value .acud-time-panel-wrap .acud-picker-range-separator[disabled],
.acud-picker-focused .acud-time-panel-wrap .acud-picker-separator[disabled],
.acud-picker-focused .acud-time-panel-wrap .acud-picker-range-separator[disabled],
.acud-picker-disabled .acud-time-panel-wrap .acud-picker-separator[disabled],
.acud-picker-disabled .acud-time-panel-wrap .acud-picker-range-separator[disabled],
.acud-picker-range-has-value .acud-time-panel-wrap .acud-picker-separator[aria-disabled="true"],
.acud-picker-range-has-value .acud-time-panel-wrap .acud-picker-range-separator[aria-disabled="true"],
.acud-picker-focused .acud-time-panel-wrap .acud-picker-separator[aria-disabled="true"],
.acud-picker-focused .acud-time-panel-wrap .acud-picker-range-separator[aria-disabled="true"],
.acud-picker-disabled .acud-time-panel-wrap .acud-picker-separator[aria-disabled="true"],
.acud-picker-disabled .acud-time-panel-wrap .acud-picker-range-separator[aria-disabled="true"],
.acud-picker-range-has-value .acud-time-panel-wrap .acud-picker-separator[disabled]:hover,
.acud-picker-range-has-value .acud-time-panel-wrap .acud-picker-range-separator[disabled]:hover,
.acud-picker-focused .acud-time-panel-wrap .acud-picker-separator[disabled]:hover,
.acud-picker-focused .acud-time-panel-wrap .acud-picker-range-separator[disabled]:hover,
.acud-picker-disabled .acud-time-panel-wrap .acud-picker-separator[disabled]:hover,
.acud-picker-disabled .acud-time-panel-wrap .acud-picker-range-separator[disabled]:hover,
.acud-picker-range-has-value .acud-time-panel-wrap .acud-picker-separator[aria-disabled="true"]:hover,
.acud-picker-range-has-value .acud-time-panel-wrap .acud-picker-range-separator[aria-disabled="true"]:hover,
.acud-picker-focused .acud-time-panel-wrap .acud-picker-separator[aria-disabled="true"]:hover,
.acud-picker-focused .acud-time-panel-wrap .acud-picker-range-separator[aria-disabled="true"]:hover,
.acud-picker-disabled .acud-time-panel-wrap .acud-picker-separator[aria-disabled="true"]:hover,
.acud-picker-disabled .acud-time-panel-wrap .acud-picker-range-separator[aria-disabled="true"]:hover,
.acud-picker-range-has-value .acud-time-panel-wrap .acud-picker-separator[disabled]:focus,
.acud-picker-range-has-value .acud-time-panel-wrap .acud-picker-range-separator[disabled]:focus,
.acud-picker-focused .acud-time-panel-wrap .acud-picker-separator[disabled]:focus,
.acud-picker-focused .acud-time-panel-wrap .acud-picker-range-separator[disabled]:focus,
.acud-picker-disabled .acud-time-panel-wrap .acud-picker-separator[disabled]:focus,
.acud-picker-disabled .acud-time-panel-wrap .acud-picker-range-separator[disabled]:focus,
.acud-picker-range-has-value .acud-time-panel-wrap .acud-picker-separator[aria-disabled="true"]:focus,
.acud-picker-range-has-value .acud-time-panel-wrap .acud-picker-range-separator[aria-disabled="true"]:focus,
.acud-picker-focused .acud-time-panel-wrap .acud-picker-separator[aria-disabled="true"]:focus,
.acud-picker-focused .acud-time-panel-wrap .acud-picker-range-separator[aria-disabled="true"]:focus,
.acud-picker-disabled .acud-time-panel-wrap .acud-picker-separator[aria-disabled="true"]:focus,
.acud-picker-disabled .acud-time-panel-wrap .acud-picker-range-separator[aria-disabled="true"]:focus,
.acud-picker-range-has-value .acud-time-panel-wrap .acud-picker-separator[disabled]:active,
.acud-picker-range-has-value .acud-time-panel-wrap .acud-picker-range-separator[disabled]:active,
.acud-picker-focused .acud-time-panel-wrap .acud-picker-separator[disabled]:active,
.acud-picker-focused .acud-time-panel-wrap .acud-picker-range-separator[disabled]:active,
.acud-picker-disabled .acud-time-panel-wrap .acud-picker-separator[disabled]:active,
.acud-picker-disabled .acud-time-panel-wrap .acud-picker-range-separator[disabled]:active,
.acud-picker-range-has-value .acud-time-panel-wrap .acud-picker-separator[aria-disabled="true"]:active,
.acud-picker-range-has-value .acud-time-panel-wrap .acud-picker-range-separator[aria-disabled="true"]:active,
.acud-picker-focused .acud-time-panel-wrap .acud-picker-separator[aria-disabled="true"]:active,
.acud-picker-focused .acud-time-panel-wrap .acud-picker-range-separator[aria-disabled="true"]:active,
.acud-picker-disabled .acud-time-panel-wrap .acud-picker-separator[aria-disabled="true"]:active,
.acud-picker-disabled .acud-time-panel-wrap .acud-picker-range-separator[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-time-panel-wrap .acud-picker .acud-picker-suffix {
color: #151B26;
}
.acud-time-panel-wrap .acud-picker .acud-picker-suffix:hover {
color: #151B26;
}
.acud-time-panel-wrap .acud-picker .acud-picker-suffix:focus,
.acud-time-panel-wrap .acud-picker .acud-picker-suffix:active {
color: #151B26;
}
.acud-time-panel-wrap .acud-picker .acud-picker-suffix[disabled],
.acud-time-panel-wrap .acud-picker .acud-picker-suffix[aria-disabled="true"],
.acud-time-panel-wrap .acud-picker .acud-picker-suffix[disabled]:hover,
.acud-time-panel-wrap .acud-picker .acud-picker-suffix[aria-disabled="true"]:hover,
.acud-time-panel-wrap .acud-picker .acud-picker-suffix[disabled]:focus,
.acud-time-panel-wrap .acud-picker .acud-picker-suffix[aria-disabled="true"]:focus,
.acud-time-panel-wrap .acud-picker .acud-picker-suffix[disabled]:active,
.acud-time-panel-wrap .acud-picker .acud-picker-suffix[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-time-panel-wrap .acud-picker.acud-picker-disabled .acud-picker-suffix {
color: #B8BABF;
}
.acud-time-panel-wrap .acud-picker .acud-picker-input-has-value .acud-picker-clear path,
.acud-time-panel-wrap .acud-picker .acud-picker-range-has-value .acud-picker-clear path,
.acud-time-panel-wrap .acud-picker .acud-picker-focused .acud-picker-clear path,
.acud-time-panel-wrap .acud-picker.acud-picker-input-has-value .acud-picker-clear path,
.acud-time-panel-wrap .acud-picker.acud-picker-range-has-value .acud-picker-clear path,
.acud-time-panel-wrap .acud-picker.acud-picker-focused .acud-picker-clear path {
fill: #B8BABF;
}
.acud-time-panel-wrap .acud-picker .acud-picker-input-has-value > input[disabled],
.acud-time-panel-wrap .acud-picker .acud-picker-range-has-value > input[disabled],
.acud-time-panel-wrap .acud-picker .acud-picker-focused > input[disabled],
.acud-time-panel-wrap .acud-picker.acud-picker-input-has-value > input[disabled],
.acud-time-panel-wrap .acud-picker.acud-picker-range-has-value > input[disabled],
.acud-time-panel-wrap .acud-picker.acud-picker-focused > input[disabled],
.acud-time-panel-wrap .acud-picker .acud-picker-input-has-value .acud-picker-input > input[disabled],
.acud-time-panel-wrap .acud-picker .acud-picker-range-has-value .acud-picker-input > input[disabled],
.acud-time-panel-wrap .acud-picker .acud-picker-focused .acud-picker-input > input[disabled],
.acud-time-panel-wrap .acud-picker.acud-picker-input-has-value .acud-picker-input > input[disabled],
.acud-time-panel-wrap .acud-picker.acud-picker-range-has-value .acud-picker-input > input[disabled],
.acud-time-panel-wrap .acud-picker.acud-picker-focused .acud-picker-input > input[disabled] {
color: #5C5F66;
}
.acud-time-input-wrap {
display: inline-block;
}
/* color */
/* 默认颜色 */
/* 通用-icon */
/* 标签 */
/* 默认颜色 */
/* 其他颜色 */
/* 通用 */
/* 水平 */
/* 垂直 */
/* 序号水平 */
/* 序号垂直 */
.theme .is-default {
background-color: #E8E9EB;
}
.theme .dot-default {
color: #E8E9EB;
}
.theme .is-success {
background-color: #30BF13;
}
.theme .dot-success {
color: #30BF13;
}
.theme .is-error {
background-color: #F33E3E;
}
.theme .dot-error {
color: #F33E3E;
}
.theme .is-warning {
background-color: #FF9326;
color: #FF9326;
}
.theme .dot-warning {
color: #FF9326;
}
.theme .is-waiting {
background-color: #E8E9EB;
}
.theme .dot-waiting {
color: #E8E9EB;
}
.theme .is-pending {
background-color: transparent;
border-top: 1px solid #2468F2;
border-right: 1px solid #2468F2;
border-bottom: 1px solid #2468F2;
border-left: 1px solid transparent;
animation: rotate 1s linear infinite;
}
@keyframes rotate {
from {
transform: rotate(0);
}
to {
transform: rotate(360deg);
}
}
.theme .dot-pending {
animation: breath 1.5s linear infinite;
color: #2468F2;
}
@keyframes breath {
0% {
transform: scale(1);
}
50% {
transform: scale(1.2);
}
100% {
transform: scale(1);
}
}
.common {
margin-bottom: 2px;
/* 查看详情按钮 */
}
.common.is-dot > .acud-timeline-item-line {
top: 20px !important;
bottom: 10px !important;
left: 4px;
height: calc(100% - 21px);
}
.common-head {
display: flex;
align-items: center;
justify-content: center;
width: 8px;
height: 8px;
border-radius: 50%;
background-color: #E8E9EB;
border-color: transparent;
}
.common-head:hover {
background-color: #E8E9EB;
}
.common-head:focus,
.common-head:active {
background-color: #E8E9EB;
}
.common-head[disabled],
.common-head[aria-disabled="true"],
.common-head[disabled]:hover,
.common-head[aria-disabled="true"]:hover,
.common-head[disabled]:focus,
.common-head[aria-disabled="true"]:focus,
.common-head[disabled]:active,
.common-head[aria-disabled="true"]:active {
background-color: #E8E9EB;
}
.common-head:hover {
border-color: transparent;
}
.common-head:focus,
.common-head:active {
border-color: transparent;
}
.common-head[disabled],
.common-head[aria-disabled="true"],
.common-head[disabled]:hover,
.common-head[aria-disabled="true"]:hover,
.common-head[disabled]:focus,
.common-head[aria-disabled="true"]:focus,
.common-head[disabled]:active,
.common-head[aria-disabled="true"]:active {
border-color: transparent;
}
.common-head.is-dot {
width: 16px;
height: 16px;
background-color: transparent;
}
.common-content {
position: relative;
top: -14px;
margin-left: 16px;
}
.common-content.with-dot {
top: -18px;
margin-left: calc(16px + 4px * 2 + 3px);
}
.common-content-label {
color: #84868C;
font-size: 12px;
}
.common-content-title {
color: #151B26;
font-size: 12px;
line-height: 20px;
}
.common-content a {
color: #2468F2;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.common-content-link {
display: flex;
align-items: center;
width: 40px;
margin-top: 4px;
font-size: 12px;
transition: opacity 0.2s linear;
}
.common-content-link-label {
flex-shrink: 0;
margin-right: 4px;
}
.common-content-link:hover {
opacity: 0.8;
}
.common-content-inner {
max-width: 300px;
overflow: hidden;
font-size: 12px;
transition: all 0.3s;
}
.common-content-inner.is-hidden {
max-height: 0;
opacity: 0;
}
.common-content-inner.is-shadow {
box-sizing: border-box;
max-height: auto;
margin: 4px 0;
padding: 8px;
background-color: #FFFFFF;
border-radius: 4px;
box-shadow: 0 2px 4px #F2F2F4, 0 0 6px #F2F2F4;
opacity: 1;
}
.common-render {
line-height: 16px;
}
.common-render:hover .acud-timeline-item-render-dtlbtn {
opacity: 1;
}
.common-render-dtlbtn {
margin-left: 16px;
opacity: 0;
transition: opacity 0.2s linear;
word-wrap: none;
}
.vertical .acud-timeline-item {
position: relative;
min-height: 50px;
}
.vertical .acud-timeline-item-line {
position: absolute;
top: 14px;
bottom: 4px;
width: 2px;
transform: translateX(2.8px);
content: '';
background-color: #E8E9EB;
border-color: transparent;
}
.vertical .acud-timeline-item-line:hover {
background-color: #E8E9EB;
}
.vertical .acud-timeline-item-line:focus,
.vertical .acud-timeline-item-line:active {
background-color: #E8E9EB;
}
.vertical .acud-timeline-item-line[disabled],
.vertical .acud-timeline-item-line[aria-disabled="true"],
.vertical .acud-timeline-item-line[disabled]:hover,
.vertical .acud-timeline-item-line[aria-disabled="true"]:hover,
.vertical .acud-timeline-item-line[disabled]:focus,
.vertical .acud-timeline-item-line[aria-disabled="true"]:focus,
.vertical .acud-timeline-item-line[disabled]:active,
.vertical .acud-timeline-item-line[aria-disabled="true"]:active {
background-color: #E8E9EB;
}
.vertical .acud-timeline-item-line:hover {
border-color: transparent;
}
.vertical .acud-timeline-item-line:focus,
.vertical .acud-timeline-item-line:active {
border-color: transparent;
}
.vertical .acud-timeline-item-line[disabled],
.vertical .acud-timeline-item-line[aria-disabled="true"],
.vertical .acud-timeline-item-line[disabled]:hover,
.vertical .acud-timeline-item-line[aria-disabled="true"]:hover,
.vertical .acud-timeline-item-line[disabled]:focus,
.vertical .acud-timeline-item-line[aria-disabled="true"]:focus,
.vertical .acud-timeline-item-line[disabled]:active,
.vertical .acud-timeline-item-line[aria-disabled="true"]:active {
border-color: transparent;
}
.vertical .acud-timeline-item:last-child::before {
display: none;
}
.vertical .acud-timeline-item:last-child .acud-timeline-item-line {
display: none;
}
.vertical .acud-timeline-item-content-inner {
min-height: 8px;
}
.vertical .acud-timeline-item-content-append {
min-height: 40px;
}
.vertical .acud-timeline-item-content-label {
margin-bottom: 4px;
}
.vertical .acud-timeline-item-content-title button {
min-width: auto;
}
.horizontal {
display: flex;
}
.horizontal .acud-timeline-item {
position: relative;
min-width: 130px;
}
.horizontal .acud-timeline-item-line {
position: absolute;
top: calc(10px / 2 - 2px);
right: 4px;
left: calc(10px + 2px);
width: auto;
height: 2px;
content: '';
background-color: #E8E9EB;
border-color: transparent;
}
.horizontal .acud-timeline-item-line:hover {
background-color: #E8E9EB;
}
.horizontal .acud-timeline-item-line:focus,
.horizontal .acud-timeline-item-line:active {
background-color: #E8E9EB;
}
.horizontal .acud-timeline-item-line[disabled],
.horizontal .acud-timeline-item-line[aria-disabled="true"],
.horizontal .acud-timeline-item-line[disabled]:hover,
.horizontal .acud-timeline-item-line[aria-disabled="true"]:hover,
.horizontal .acud-timeline-item-line[disabled]:focus,
.horizontal .acud-timeline-item-line[aria-disabled="true"]:focus,
.horizontal .acud-timeline-item-line[disabled]:active,
.horizontal .acud-timeline-item-line[aria-disabled="true"]:active {
background-color: #E8E9EB;
}
.horizontal .acud-timeline-item-line:hover {
border-color: transparent;
}
.horizontal .acud-timeline-item-line:focus,
.horizontal .acud-timeline-item-line:active {
border-color: transparent;
}
.horizontal .acud-timeline-item-line[disabled],
.horizontal .acud-timeline-item-line[aria-disabled="true"],
.horizontal .acud-timeline-item-line[disabled]:hover,
.horizontal .acud-timeline-item-line[aria-disabled="true"]:hover,
.horizontal .acud-timeline-item-line[disabled]:focus,
.horizontal .acud-timeline-item-line[aria-disabled="true"]:focus,
.horizontal .acud-timeline-item-line[disabled]:active,
.horizontal .acud-timeline-item-line[aria-disabled="true"]:active {
border-color: transparent;
}
.horizontal .acud-timeline-item:last-child::before {
display: none;
}
.horizontal .acud-timeline-item:last-child .acud-timeline-item-line {
display: none;
}
.horizontal .acud-timeline-item-content {
position: relative;
left: -16px;
margin-top: 22px;
}
.numberVertical {
counter-reset: number;
}
.numberVertical .acud-timeline-item-head {
position: relative;
width: 24px;
height: 24px;
background-color: #2468F2;
}
.numberVertical .acud-timeline-item-head::before {
position: relative;
color: #FFFFFF;
font-size: 12px;
font-family: PingFang-SC-Regular;
line-height: 24px;
content: counter(number);
counter-increment: number;
}
.numberVertical .acud-timeline-item:last-child .acud-timeline-item-line {
display: none;
}
.numberVertical .acud-timeline-item-line {
position: absolute;
top: 29px;
bottom: 2px;
left: calc((4px * 5) / 2 - 1.9px);
width: 2px;
content: '';
background-color: #E8E9EB;
border-color: transparent;
}
.numberVertical .acud-timeline-item-line:hover {
background-color: #E8E9EB;
}
.numberVertical .acud-timeline-item-line:focus,
.numberVertical .acud-timeline-item-line:active {
background-color: #E8E9EB;
}
.numberVertical .acud-timeline-item-line[disabled],
.numberVertical .acud-timeline-item-line[aria-disabled="true"],
.numberVertical .acud-timeline-item-line[disabled]:hover,
.numberVertical .acud-timeline-item-line[aria-disabled="true"]:hover,
.numberVertical .acud-timeline-item-line[disabled]:focus,
.numberVertical .acud-timeline-item-line[aria-disabled="true"]:focus,
.numberVertical .acud-timeline-item-line[disabled]:active,
.numberVertical .acud-timeline-item-line[aria-disabled="true"]:active {
background-color: #E8E9EB;
}
.numberVertical .acud-timeline-item-line:hover {
border-color: transparent;
}
.numberVertical .acud-timeline-item-line:focus,
.numberVertical .acud-timeline-item-line:active {
border-color: transparent;
}
.numberVertical .acud-timeline-item-line[disabled],
.numberVertical .acud-timeline-item-line[aria-disabled="true"],
.numberVertical .acud-timeline-item-line[disabled]:hover,
.numberVertical .acud-timeline-item-line[aria-disabled="true"]:hover,
.numberVertical .acud-timeline-item-line[disabled]:focus,
.numberVertical .acud-timeline-item-line[aria-disabled="true"]:focus,
.numberVertical .acud-timeline-item-line[disabled]:active,
.numberVertical .acud-timeline-item-line[aria-disabled="true"]:active {
border-color: transparent;
}
.numberVertical .acud-timeline-item-content {
top: calc(-22px + 3px);
margin-left: 36px;
font-size: 12px;
line-height: 16px;
}
.numberHorizontal {
counter-reset: number;
}
.numberHorizontal .acud-timeline-item {
position: relative;
min-width: 130px;
}
.numberHorizontal .acud-timeline-item-head {
position: relative;
width: 20px;
height: 20px;
background-color: #2468F2;
}
.numberHorizontal .acud-timeline-item-head::before {
color: #FFFFFF;
content: counter(number);
counter-increment: number;
}
.numberHorizontal .acud-timeline-item:last-child .acud-timeline-item-line {
display: none;
}
.numberHorizontal .acud-timeline-item-line {
position: absolute;
top: calc(20px / 2 - 1px);
right: 2px;
left: calc(20px + 2px);
width: auto;
height: 2px;
content: '';
background-color: #E8E9EB;
border-color: transparent;
}
.numberHorizontal .acud-timeline-item-line:hover {
background-color: #E8E9EB;
}
.numberHorizontal .acud-timeline-item-line:focus,
.numberHorizontal .acud-timeline-item-line:active {
background-color: #E8E9EB;
}
.numberHorizontal .acud-timeline-item-line[disabled],
.numberHorizontal .acud-timeline-item-line[aria-disabled="true"],
.numberHorizontal .acud-timeline-item-line[disabled]:hover,
.numberHorizontal .acud-timeline-item-line[aria-disabled="true"]:hover,
.numberHorizontal .acud-timeline-item-line[disabled]:focus,
.numberHorizontal .acud-timeline-item-line[aria-disabled="true"]:focus,
.numberHorizontal .acud-timeline-item-line[disabled]:active,
.numberHorizontal .acud-timeline-item-line[aria-disabled="true"]:active {
background-color: #E8E9EB;
}
.numberHorizontal .acud-timeline-item-line:hover {
border-color: transparent;
}
.numberHorizontal .acud-timeline-item-line:focus,
.numberHorizontal .acud-timeline-item-line:active {
border-color: transparent;
}
.numberHorizontal .acud-timeline-item-line[disabled],
.numberHorizontal .acud-timeline-item-line[aria-disabled="true"],
.numberHorizontal .acud-timeline-item-line[disabled]:hover,
.numberHorizontal .acud-timeline-item-line[aria-disabled="true"]:hover,
.numberHorizontal .acud-timeline-item-line[disabled]:focus,
.numberHorizontal .acud-timeline-item-line[aria-disabled="true"]:focus,
.numberHorizontal .acud-timeline-item-line[disabled]:active,
.numberHorizontal .acud-timeline-item-line[aria-disabled="true"]:active {
border-color: transparent;
}
.numberHorizontal .acud-timeline-item-content {
margin-top: 18px;
font-size: 12px;
}
.acud-timeline {
padding: 10px 0;
}
.acud-timeline .is-default {
background-color: #E8E9EB;
}
.acud-timeline .dot-default {
color: #E8E9EB;
}
.acud-timeline .is-success {
background-color: #30BF13;
}
.acud-timeline .dot-success {
color: #30BF13;
}
.acud-timeline .is-error {
background-color: #F33E3E;
}
.acud-timeline .dot-error {
color: #F33E3E;
}
.acud-timeline .is-warning {
background-color: #FF9326;
color: #FF9326;
}
.acud-timeline .dot-warning {
color: #FF9326;
}
.acud-timeline .is-waiting {
background-color: #E8E9EB;
}
.acud-timeline .dot-waiting {
color: #E8E9EB;
}
.acud-timeline .is-pending {
background-color: transparent;
border-top: 1px solid #2468F2;
border-right: 1px solid #2468F2;
border-bottom: 1px solid #2468F2;
border-left: 1px solid transparent;
animation: rotate 1s linear infinite;
}
@keyframes rotate {
from {
transform: rotate(0);
}
to {
transform: rotate(360deg);
}
}
.acud-timeline .dot-pending {
animation: breath 1.5s linear infinite;
color: #2468F2;
}
@keyframes breath {
0% {
transform: scale(1);
}
50% {
transform: scale(1.2);
}
100% {
transform: scale(1);
}
}
.acud-timeline-item {
margin-bottom: 2px;
/* 查看详情按钮 */
}
.acud-timeline-item.is-dot > .acud-timeline-item-line {
top: 20px !important;
bottom: 10px !important;
left: 4px;
height: calc(100% - 21px);
}
.acud-timeline-item-head {
display: flex;
align-items: center;
justify-content: center;
width: 8px;
height: 8px;
border-radius: 50%;
background-color: #E8E9EB;
border-color: transparent;
}
.acud-timeline-item-head:hover {
background-color: #E8E9EB;
}
.acud-timeline-item-head:focus,
.acud-timeline-item-head:active {
background-color: #E8E9EB;
}
.acud-timeline-item-head[disabled],
.acud-timeline-item-head[aria-disabled="true"],
.acud-timeline-item-head[disabled]:hover,
.acud-timeline-item-head[aria-disabled="true"]:hover,
.acud-timeline-item-head[disabled]:focus,
.acud-timeline-item-head[aria-disabled="true"]:focus,
.acud-timeline-item-head[disabled]:active,
.acud-timeline-item-head[aria-disabled="true"]:active {
background-color: #E8E9EB;
}
.acud-timeline-item-head:hover {
border-color: transparent;
}
.acud-timeline-item-head:focus,
.acud-timeline-item-head:active {
border-color: transparent;
}
.acud-timeline-item-head[disabled],
.acud-timeline-item-head[aria-disabled="true"],
.acud-timeline-item-head[disabled]:hover,
.acud-timeline-item-head[aria-disabled="true"]:hover,
.acud-timeline-item-head[disabled]:focus,
.acud-timeline-item-head[aria-disabled="true"]:focus,
.acud-timeline-item-head[disabled]:active,
.acud-timeline-item-head[aria-disabled="true"]:active {
border-color: transparent;
}
.acud-timeline-item-head.is-dot {
width: 16px;
height: 16px;
background-color: transparent;
}
.acud-timeline-item-content {
position: relative;
top: -14px;
margin-left: 16px;
}
.acud-timeline-item-content.with-dot {
top: -18px;
margin-left: calc(16px + 4px * 2 + 3px);
}
.acud-timeline-item-content-label {
color: #84868C;
font-size: 12px;
}
.acud-timeline-item-content-title {
color: #151B26;
font-size: 12px;
line-height: 20px;
}
.acud-timeline-item-content a {
color: #2468F2;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.acud-timeline-item-content-link {
display: flex;
align-items: center;
width: 40px;
margin-top: 4px;
font-size: 12px;
transition: opacity 0.2s linear;
}
.acud-timeline-item-content-link-label {
flex-shrink: 0;
margin-right: 4px;
}
.acud-timeline-item-content-link:hover {
opacity: 0.8;
}
.acud-timeline-item-content-inner {
max-width: 300px;
overflow: hidden;
font-size: 12px;
transition: all 0.3s;
}
.acud-timeline-item-content-inner.is-hidden {
max-height: 0;
opacity: 0;
}
.acud-timeline-item-content-inner.is-shadow {
box-sizing: border-box;
max-height: auto;
margin: 4px 0;
padding: 8px;
background-color: #FFFFFF;
border-radius: 4px;
box-shadow: 0 2px 4px #F2F2F4, 0 0 6px #F2F2F4;
opacity: 1;
}
.acud-timeline-item-render {
line-height: 16px;
}
.acud-timeline-item-render:hover .acud-timeline-item-render-dtlbtn {
opacity: 1;
}
.acud-timeline-item-render-dtlbtn {
margin-left: 16px;
opacity: 0;
transition: opacity 0.2s linear;
word-wrap: none;
}
.acud-timeline.is-vertical .acud-timeline-item {
position: relative;
min-height: 50px;
}
.acud-timeline.is-vertical .acud-timeline-item-line {
position: absolute;
top: 14px;
bottom: 4px;
width: 2px;
transform: translateX(2.8px);
content: '';
background-color: #E8E9EB;
border-color: transparent;
}
.acud-timeline.is-vertical .acud-timeline-item-line:hover {
background-color: #E8E9EB;
}
.acud-timeline.is-vertical .acud-timeline-item-line:focus,
.acud-timeline.is-vertical .acud-timeline-item-line:active {
background-color: #E8E9EB;
}
.acud-timeline.is-vertical .acud-timeline-item-line[disabled],
.acud-timeline.is-vertical .acud-timeline-item-line[aria-disabled="true"],
.acud-timeline.is-vertical .acud-timeline-item-line[disabled]:hover,
.acud-timeline.is-vertical .acud-timeline-item-line[aria-disabled="true"]:hover,
.acud-timeline.is-vertical .acud-timeline-item-line[disabled]:focus,
.acud-timeline.is-vertical .acud-timeline-item-line[aria-disabled="true"]:focus,
.acud-timeline.is-vertical .acud-timeline-item-line[disabled]:active,
.acud-timeline.is-vertical .acud-timeline-item-line[aria-disabled="true"]:active {
background-color: #E8E9EB;
}
.acud-timeline.is-vertical .acud-timeline-item-line:hover {
border-color: transparent;
}
.acud-timeline.is-vertical .acud-timeline-item-line:focus,
.acud-timeline.is-vertical .acud-timeline-item-line:active {
border-color: transparent;
}
.acud-timeline.is-vertical .acud-timeline-item-line[disabled],
.acud-timeline.is-vertical .acud-timeline-item-line[aria-disabled="true"],
.acud-timeline.is-vertical .acud-timeline-item-line[disabled]:hover,
.acud-timeline.is-vertical .acud-timeline-item-line[aria-disabled="true"]:hover,
.acud-timeline.is-vertical .acud-timeline-item-line[disabled]:focus,
.acud-timeline.is-vertical .acud-timeline-item-line[aria-disabled="true"]:focus,
.acud-timeline.is-vertical .acud-timeline-item-line[disabled]:active,
.acud-timeline.is-vertical .acud-timeline-item-line[aria-disabled="true"]:active {
border-color: transparent;
}
.acud-timeline.is-vertical .acud-timeline-item:last-child::before {
display: none;
}
.acud-timeline.is-vertical .acud-timeline-item:last-child .acud-timeline-item-line {
display: none;
}
.acud-timeline.is-vertical .acud-timeline-item-content-inner {
min-height: 8px;
}
.acud-timeline.is-vertical .acud-timeline-item-content-append {
min-height: 40px;
}
.acud-timeline.is-vertical .acud-timeline-item-content-label {
margin-bottom: 4px;
}
.acud-timeline.is-vertical .acud-timeline-item-content-title button {
min-width: auto;
}
.acud-timeline.is-horizontal {
display: flex;
}
.acud-timeline.is-horizontal .acud-timeline-item {
position: relative;
min-width: 130px;
}
.acud-timeline.is-horizontal .acud-timeline-item-line {
position: absolute;
top: calc(10px / 2 - 2px);
right: 4px;
left: calc(10px + 2px);
width: auto;
height: 2px;
content: '';
background-color: #E8E9EB;
border-color: transparent;
}
.acud-timeline.is-horizontal .acud-timeline-item-line:hover {
background-color: #E8E9EB;
}
.acud-timeline.is-horizontal .acud-timeline-item-line:focus,
.acud-timeline.is-horizontal .acud-timeline-item-line:active {
background-color: #E8E9EB;
}
.acud-timeline.is-horizontal .acud-timeline-item-line[disabled],
.acud-timeline.is-horizontal .acud-timeline-item-line[aria-disabled="true"],
.acud-timeline.is-horizontal .acud-timeline-item-line[disabled]:hover,
.acud-timeline.is-horizontal .acud-timeline-item-line[aria-disabled="true"]:hover,
.acud-timeline.is-horizontal .acud-timeline-item-line[disabled]:focus,
.acud-timeline.is-horizontal .acud-timeline-item-line[aria-disabled="true"]:focus,
.acud-timeline.is-horizontal .acud-timeline-item-line[disabled]:active,
.acud-timeline.is-horizontal .acud-timeline-item-line[aria-disabled="true"]:active {
background-color: #E8E9EB;
}
.acud-timeline.is-horizontal .acud-timeline-item-line:hover {
border-color: transparent;
}
.acud-timeline.is-horizontal .acud-timeline-item-line:focus,
.acud-timeline.is-horizontal .acud-timeline-item-line:active {
border-color: transparent;
}
.acud-timeline.is-horizontal .acud-timeline-item-line[disabled],
.acud-timeline.is-horizontal .acud-timeline-item-line[aria-disabled="true"],
.acud-timeline.is-horizontal .acud-timeline-item-line[disabled]:hover,
.acud-timeline.is-horizontal .acud-timeline-item-line[aria-disabled="true"]:hover,
.acud-timeline.is-horizontal .acud-timeline-item-line[disabled]:focus,
.acud-timeline.is-horizontal .acud-timeline-item-line[aria-disabled="true"]:focus,
.acud-timeline.is-horizontal .acud-timeline-item-line[disabled]:active,
.acud-timeline.is-horizontal .acud-timeline-item-line[aria-disabled="true"]:active {
border-color: transparent;
}
.acud-timeline.is-horizontal .acud-timeline-item:last-child::before {
display: none;
}
.acud-timeline.is-horizontal .acud-timeline-item:last-child .acud-timeline-item-line {
display: none;
}
.acud-timeline.is-horizontal .acud-timeline-item-content {
position: relative;
left: -16px;
margin-top: 22px;
}
.acud-timeline.number-vertical {
counter-reset: number;
}
.acud-timeline.number-vertical .acud-timeline-item-head {
position: relative;
width: 24px;
height: 24px;
background-color: #2468F2;
}
.acud-timeline.number-vertical .acud-timeline-item-head::before {
position: relative;
color: #FFFFFF;
font-size: 12px;
font-family: PingFang-SC-Regular;
line-height: 24px;
content: counter(number);
counter-increment: number;
}
.acud-timeline.number-vertical .acud-timeline-item:last-child .acud-timeline-item-line {
display: none;
}
.acud-timeline.number-vertical .acud-timeline-item-line {
position: absolute;
top: 29px;
bottom: 2px;
left: calc((4px * 5) / 2 - 1.9px);
width: 2px;
content: '';
background-color: #E8E9EB;
border-color: transparent;
}
.acud-timeline.number-vertical .acud-timeline-item-line:hover {
background-color: #E8E9EB;
}
.acud-timeline.number-vertical .acud-timeline-item-line:focus,
.acud-timeline.number-vertical .acud-timeline-item-line:active {
background-color: #E8E9EB;
}
.acud-timeline.number-vertical .acud-timeline-item-line[disabled],
.acud-timeline.number-vertical .acud-timeline-item-line[aria-disabled="true"],
.acud-timeline.number-vertical .acud-timeline-item-line[disabled]:hover,
.acud-timeline.number-vertical .acud-timeline-item-line[aria-disabled="true"]:hover,
.acud-timeline.number-vertical .acud-timeline-item-line[disabled]:focus,
.acud-timeline.number-vertical .acud-timeline-item-line[aria-disabled="true"]:focus,
.acud-timeline.number-vertical .acud-timeline-item-line[disabled]:active,
.acud-timeline.number-vertical .acud-timeline-item-line[aria-disabled="true"]:active {
background-color: #E8E9EB;
}
.acud-timeline.number-vertical .acud-timeline-item-line:hover {
border-color: transparent;
}
.acud-timeline.number-vertical .acud-timeline-item-line:focus,
.acud-timeline.number-vertical .acud-timeline-item-line:active {
border-color: transparent;
}
.acud-timeline.number-vertical .acud-timeline-item-line[disabled],
.acud-timeline.number-vertical .acud-timeline-item-line[aria-disabled="true"],
.acud-timeline.number-vertical .acud-timeline-item-line[disabled]:hover,
.acud-timeline.number-vertical .acud-timeline-item-line[aria-disabled="true"]:hover,
.acud-timeline.number-vertical .acud-timeline-item-line[disabled]:focus,
.acud-timeline.number-vertical .acud-timeline-item-line[aria-disabled="true"]:focus,
.acud-timeline.number-vertical .acud-timeline-item-line[disabled]:active,
.acud-timeline.number-vertical .acud-timeline-item-line[aria-disabled="true"]:active {
border-color: transparent;
}
.acud-timeline.number-vertical .acud-timeline-item-content {
top: calc(-22px + 3px);
margin-left: 36px;
font-size: 12px;
line-height: 16px;
}
.acud-timeline.number-horizontal {
counter-reset: number;
}
.acud-timeline.number-horizontal .acud-timeline-item {
position: relative;
min-width: 130px;
}
.acud-timeline.number-horizontal .acud-timeline-item-head {
position: relative;
width: 20px;
height: 20px;
background-color: #2468F2;
}
.acud-timeline.number-horizontal .acud-timeline-item-head::before {
color: #FFFFFF;
content: counter(number);
counter-increment: number;
}
.acud-timeline.number-horizontal .acud-timeline-item:last-child .acud-timeline-item-line {
display: none;
}
.acud-timeline.number-horizontal .acud-timeline-item-line {
position: absolute;
top: calc(20px / 2 - 1px);
right: 2px;
left: calc(20px + 2px);
width: auto;
height: 2px;
content: '';
background-color: #E8E9EB;
border-color: transparent;
}
.acud-timeline.number-horizontal .acud-timeline-item-line:hover {
background-color: #E8E9EB;
}
.acud-timeline.number-horizontal .acud-timeline-item-line:focus,
.acud-timeline.number-horizontal .acud-timeline-item-line:active {
background-color: #E8E9EB;
}
.acud-timeline.number-horizontal .acud-timeline-item-line[disabled],
.acud-timeline.number-horizontal .acud-timeline-item-line[aria-disabled="true"],
.acud-timeline.number-horizontal .acud-timeline-item-line[disabled]:hover,
.acud-timeline.number-horizontal .acud-timeline-item-line[aria-disabled="true"]:hover,
.acud-timeline.number-horizontal .acud-timeline-item-line[disabled]:focus,
.acud-timeline.number-horizontal .acud-timeline-item-line[aria-disabled="true"]:focus,
.acud-timeline.number-horizontal .acud-timeline-item-line[disabled]:active,
.acud-timeline.number-horizontal .acud-timeline-item-line[aria-disabled="true"]:active {
background-color: #E8E9EB;
}
.acud-timeline.number-horizontal .acud-timeline-item-line:hover {
border-color: transparent;
}
.acud-timeline.number-horizontal .acud-timeline-item-line:focus,
.acud-timeline.number-horizontal .acud-timeline-item-line:active {
border-color: transparent;
}
.acud-timeline.number-horizontal .acud-timeline-item-line[disabled],
.acud-timeline.number-horizontal .acud-timeline-item-line[aria-disabled="true"],
.acud-timeline.number-horizontal .acud-timeline-item-line[disabled]:hover,
.acud-timeline.number-horizontal .acud-timeline-item-line[aria-disabled="true"]:hover,
.acud-timeline.number-horizontal .acud-timeline-item-line[disabled]:focus,
.acud-timeline.number-horizontal .acud-timeline-item-line[aria-disabled="true"]:focus,
.acud-timeline.number-horizontal .acud-timeline-item-line[disabled]:active,
.acud-timeline.number-horizontal .acud-timeline-item-line[aria-disabled="true"]:active {
border-color: transparent;
}
.acud-timeline.number-horizontal .acud-timeline-item-content {
margin-top: 18px;
font-size: 12px;
}
/* color */
/* 默认颜色 */
/* 通用-icon */
/* 标签 */
/* 默认颜色 */
/* 其他颜色 */
/* 通用 */
/* 水平 */
/* 垂直 */
/* 序号水平 */
/* 序号垂直 */
.acud-notification {
margin: 0;
padding: 0;
position: fixed;
z-index: 1010;
margin-right: 24px;
}
.acud-notification > div {
display: flex;
flex-direction: column-reverse;
}
.acud-notification-topLeft,
.acud-notification-bottomLeft {
margin-right: 0;
margin-left: 24px;
}
.acud-notification-topLeft .acud-notification-fade-enter.acud-notification-fade-enter-active,
.acud-notification-bottomLeft .acud-notification-fade-enter.acud-notification-fade-enter-active,
.acud-notification-topLeft .acud-notification-fade-appear.acud-notification-fade-appear-active,
.acud-notification-bottomLeft .acud-notification-fade-appear.acud-notification-fade-appear-active {
animation-name: NotificationLeftFadeIn;
}
.acud-notification-close-icon {
font-size: 16px;
cursor: pointer;
}
.acud-notification-hook-holder {
position: relative;
}
.acud-notification-notice {
position: relative;
width: 400px;
max-width: calc(100vw - 24px * 2);
margin-bottom: 16px;
margin-left: auto;
padding: 4px 16px;
overflow: hidden;
line-height: 1.5715;
word-wrap: break-word;
background: #fff;
border-radius: 2px;
box-shadow: 0px 2px 8px 0px rgba(7, 12, 20, 0.12);
}
.acud-notification-topLeft .acud-notification-notice,
.acud-notification-bottomLeft .acud-notification-notice {
margin-right: auto;
margin-left: 0;
}
.acud-notification-notice-message {
margin-bottom: 8px;
color: #151B26;
font-size: 14px;
line-height: 24px;
}
.acud-notification-notice-message-single-line-auto-margin {
display: block;
width: calc(400px - 16px * 2 - 24px - 48px - 100%);
background-color: transparent;
pointer-events: none;
}
.acud-notification-notice-message-single-line-auto-margin::before {
display: block;
content: '';
}
.acud-notification-notice-message .acud-notification-toast-wrap {
display: flex;
}
.acud-notification-notice-message .acud-notification-toast-wrap-left {
flex: 1;
font-size: 14px;
color: #151B26;
font-weight: 500;
}
.acud-notification-notice-message .acud-notification-toast-wrap-right {
font-size: 12px;
color: #B8BABF;
}
.acud-notification-notice-message .acud-notification-toast-wrap-right span {
font-size: 12px;
}
.acud-notification-notice-message .acud-notification-toast-wrap-no-description {
color: #151B26;
font-size: 12px;
font-weight: 400;
}
.acud-notification-notice-description {
font-size: 14px;
}
.acud-notification-notice-description .description-wrap {
margin: 4px 0 0 0;
color: #151B26;
font-size: 12px;
font-weight: 400;
}
.acud-notification-notice-with-icon .acud-notification-notice-message {
margin: 0 calc(8px + 4px * 4) 0 calc(8px + 18px);
font-size: 14px;
}
.acud-notification-notice-with-icon .acud-notification-notice-description {
margin: 0 calc(8px + 4px * 4) 0 calc(8px + 18px);
font-size: 14px;
}
.acud-notification-notice-icon {
position: absolute;
font-size: 16px;
line-height: 16px;
top: 8px;
}
.acud-notification-notice .acud-notification-notice-icon-success path {
fill: #30BF13;
}
.acud-notification-notice .acud-notification-notice-icon-info path {
fill: #2468F2;
}
.acud-notification-notice .acud-notification-notice-icon-warning path {
fill: #FF9326;
}
.acud-notification-notice .acud-notification-notice-icon-error path {
fill: #F33E3E;
}
.acud-notification-notice-close {
position: absolute;
top: 4px;
right: 16px;
outline: none;
color: #84868C;
}
.acud-notification-notice-close:hover {
color: #5C5F66;
}
.acud-notification-notice-close:active {
color: #303540;
}
.acud-notification-notice-btn {
float: right;
margin-top: 16px;
}
.acud-notification-has-description {
padding: 16px 16px;
}
.acud-notification-has-description .acud-notification-notice-icon {
top: 19.2px;
}
.acud-notification-has-description .acud-notification-notice-close {
top: 16px;
}
.acud-notification .notification-fade-effect {
animation-duration: 0.24s;
animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
animation-fill-mode: both;
}
.acud-notification-fade-enter,
.acud-notification-fade-appear {
animation-duration: 0.24s;
animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
animation-fill-mode: both;
opacity: 0;
animation-play-state: paused;
}
.acud-notification-fade-leave {
animation-duration: 0.24s;
animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
animation-fill-mode: both;
animation-duration: 0.4s;
animation-play-state: paused;
}
.acud-notification-fade-enter.acud-notification-fade-enter-active,
.acud-notification-fade-appear.acud-notification-fade-appear-active {
animation-name: NotificationFadeIn;
animation-play-state: running;
}
.acud-notification-fade-leave.acud-notification-fade-leave-active {
animation-name: NotificationFadeOut;
animation-play-state: running;
}
@keyframes NotificationFadeIn {
0% {
left: 400px;
opacity: 0;
}
100% {
left: 0;
opacity: 1;
}
}
@keyframes NotificationLeftFadeIn {
0% {
right: 400px;
opacity: 0;
}
100% {
right: 0;
opacity: 1;
}
}
@keyframes NotificationFadeOut {
0% {
right: 0;
opacity: 1;
}
100% {
right: -400px;
opacity: 0;
}
}
/**
* @file transfer style
* @author zhousheng
*/
/* color */
/* 默认颜色 */
/* 通用-icon */
/* 标签 */
/* 默认颜色 */
/* 其他颜色 */
/* 通用 */
/* 水平 */
/* 垂直 */
/* 序号水平 */
/* 序号垂直 */
.acud-transfer {
box-sizing: border-box;
margin: 0;
padding: 0;
font-size: 12px;
line-height: 1.5715;
list-style: none;
position: relative;
display: flex;
align-items: stretch;
}
.acud-transfer-datasource {
display: flex;
flex-direction: column;
width: 180px;
height: 272px;
border: 1px solid #E8E9EB;
border-radius: 4px;
background-color: #F7F7F9;
overflow: hidden;
}
.acud-transfer-datasource-header {
display: flex;
flex: none;
height: 40px;
padding: 8px 12px;
background-color: #F7F7F9;
border-radius: 4px 4px 0 0;
line-height: 22px;
}
.acud-transfer-datasource-header-checkall {
margin-right: 12px;
}
.acud-transfer-datasource-label {
color: #151B26;
font-size: 12px;
font-weight: 400;
word-break: break-all;
}
.acud-transfer-datasource-body {
overflow: hidden;
background-color: #fff;
display: flex;
flex-direction: column;
flex: auto;
}
.acud-transfer-datasource-list {
overflow: auto;
}
.acud-transfer-datasource-list::-webkit-scrollbar {
width: 6px;
}
.acud-transfer-datasource-list::-webkit-scrollbar-thumb {
background: #D4D6D9;
border-radius: 4px;
}
.acud-transfer-datasource-item {
height: 32px;
padding: 5px 12px;
cursor: pointer;
display: flex;
line-height: 22px;
align-items: center;
color: #151B26;
background-color: #FFFFFF;
border-color: transparent;
}
.acud-transfer-datasource-item:hover {
color: #151B26;
}
.acud-transfer-datasource-item:focus,
.acud-transfer-datasource-item:active {
color: #151B26;
}
.acud-transfer-datasource-item[disabled],
.acud-transfer-datasource-item[aria-disabled="true"],
.acud-transfer-datasource-item[disabled]:hover,
.acud-transfer-datasource-item[aria-disabled="true"]:hover,
.acud-transfer-datasource-item[disabled]:focus,
.acud-transfer-datasource-item[aria-disabled="true"]:focus,
.acud-transfer-datasource-item[disabled]:active,
.acud-transfer-datasource-item[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-transfer-datasource-item:hover {
background-color: #E6F0FF;
}
.acud-transfer-datasource-item:focus,
.acud-transfer-datasource-item:active {
background-color: #FFFFFF;
}
.acud-transfer-datasource-item[disabled],
.acud-transfer-datasource-item[aria-disabled="true"],
.acud-transfer-datasource-item[disabled]:hover,
.acud-transfer-datasource-item[aria-disabled="true"]:hover,
.acud-transfer-datasource-item[disabled]:focus,
.acud-transfer-datasource-item[aria-disabled="true"]:focus,
.acud-transfer-datasource-item[disabled]:active,
.acud-transfer-datasource-item[aria-disabled="true"]:active {
background-color: #FFFFFF;
}
.acud-transfer-datasource-item:hover {
border-color: transparent;
}
.acud-transfer-datasource-item:focus,
.acud-transfer-datasource-item:active {
border-color: transparent;
}
.acud-transfer-datasource-item[disabled],
.acud-transfer-datasource-item[aria-disabled="true"],
.acud-transfer-datasource-item[disabled]:hover,
.acud-transfer-datasource-item[aria-disabled="true"]:hover,
.acud-transfer-datasource-item[disabled]:focus,
.acud-transfer-datasource-item[aria-disabled="true"]:focus,
.acud-transfer-datasource-item[disabled]:active,
.acud-transfer-datasource-item[aria-disabled="true"]:active {
border-color: transparent;
}
.acud-transfer-datasource-item[disabled],
.acud-transfer-datasource-item[aria-disabled="true"] {
cursor: not-allowed;
}
.acud-transfer-datasource-item-title {
margin-left: 8px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.acud-transfer-datasource-item-arrow {
margin-right: 8px;
color: #84868C;
cursor: pointer;
display: flex;
width: 16px;
height: 16px;
}
.acud-transfer-datasource-item-arrow:hover {
color: #5C5F66;
}
.acud-transfer-datasource-item-arrow:focus,
.acud-transfer-datasource-item-arrow:active {
color: #303540;
}
.acud-transfer-datasource-item-arrow[disabled],
.acud-transfer-datasource-item-arrow[aria-disabled="true"],
.acud-transfer-datasource-item-arrow[disabled]:hover,
.acud-transfer-datasource-item-arrow[aria-disabled="true"]:hover,
.acud-transfer-datasource-item-arrow[disabled]:focus,
.acud-transfer-datasource-item-arrow[aria-disabled="true"]:focus,
.acud-transfer-datasource-item-arrow[disabled]:active,
.acud-transfer-datasource-item-arrow[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-transfer-datasource-item-group-option {
padding-left: 60px;
}
.acud-transfer-datasource-item-checkbox {
height: 16px;
}
.acud-transfer-datasource-search {
height: 40px;
padding: 8px 12px;
width: auto;
flex-shrink: 0;
}
.acud-transfer-datasource-nodata {
display: flex;
align-items: center;
flex: auto;
justify-content: center;
}
.acud-transfer-datasource-nodata span {
color: #B8BABF;
font-size: 12px;
margin-top: -16px;
}
.acud-transfer-target {
display: flex;
flex-direction: column;
width: 180px;
height: 272px;
border: 1px solid #E8E9EB;
border-radius: 4px;
background-color: #F7F7F9;
margin-left: 16px;
overflow: hidden;
}
.acud-transfer-target-header {
display: flex;
flex: none;
height: 40px;
padding: 8px 12px;
background-color: #F7F7F9;
border-radius: 4px 4px 0 0;
line-height: 22px;
justify-content: space-between;
}
.acud-transfer-target-label {
color: #151B26;
font-size: 12px;
font-weight: #FFECD4;
}
.acud-transfer-target-clear-all {
font-size: 12px;
font-weight: #FFECD4;
cursor: pointer;
color: #2468F2;
}
.acud-transfer-target-clear-all:hover {
color: #528EFF;
}
.acud-transfer-target-clear-all:focus,
.acud-transfer-target-clear-all:active {
color: #144BCC;
}
.acud-transfer-target-clear-all[disabled],
.acud-transfer-target-clear-all[aria-disabled="true"],
.acud-transfer-target-clear-all[disabled]:hover,
.acud-transfer-target-clear-all[aria-disabled="true"]:hover,
.acud-transfer-target-clear-all[disabled]:focus,
.acud-transfer-target-clear-all[aria-disabled="true"]:focus,
.acud-transfer-target-clear-all[disabled]:active,
.acud-transfer-target-clear-all[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-transfer-target-clear-all[disabled],
.acud-transfer-target-clear-all[aria-disabled="true"] {
cursor: not-allowed;
}
.acud-transfer-target-body {
overflow: hidden;
background-color: #fff;
display: flex;
flex-direction: column;
flex: auto;
}
.acud-transfer-target-list {
overflow: auto;
}
.acud-transfer-target-list::-webkit-scrollbar {
width: 6px;
}
.acud-transfer-target-list::-webkit-scrollbar-thumb {
background: #D4D6D9;
border-radius: 4px;
}
.acud-transfer-target-item {
height: 32px;
padding: 5px 12px;
display: flex;
line-height: 22px;
justify-content: space-between;
color: #151B26;
background-color: #FFFFFF;
border-color: transparent;
}
.acud-transfer-target-item:hover {
color: #151B26;
}
.acud-transfer-target-item:focus,
.acud-transfer-target-item:active {
color: #151B26;
}
.acud-transfer-target-item[disabled],
.acud-transfer-target-item[aria-disabled="true"],
.acud-transfer-target-item[disabled]:hover,
.acud-transfer-target-item[aria-disabled="true"]:hover,
.acud-transfer-target-item[disabled]:focus,
.acud-transfer-target-item[aria-disabled="true"]:focus,
.acud-transfer-target-item[disabled]:active,
.acud-transfer-target-item[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-transfer-target-item:hover {
background-color: #E6F0FF;
}
.acud-transfer-target-item:focus,
.acud-transfer-target-item:active {
background-color: #FFFFFF;
}
.acud-transfer-target-item[disabled],
.acud-transfer-target-item[aria-disabled="true"],
.acud-transfer-target-item[disabled]:hover,
.acud-transfer-target-item[aria-disabled="true"]:hover,
.acud-transfer-target-item[disabled]:focus,
.acud-transfer-target-item[aria-disabled="true"]:focus,
.acud-transfer-target-item[disabled]:active,
.acud-transfer-target-item[aria-disabled="true"]:active {
background-color: #FFFFFF;
}
.acud-transfer-target-item:hover {
border-color: transparent;
}
.acud-transfer-target-item:focus,
.acud-transfer-target-item:active {
border-color: transparent;
}
.acud-transfer-target-item[disabled],
.acud-transfer-target-item[aria-disabled="true"],
.acud-transfer-target-item[disabled]:hover,
.acud-transfer-target-item[aria-disabled="true"]:hover,
.acud-transfer-target-item[disabled]:focus,
.acud-transfer-target-item[aria-disabled="true"]:focus,
.acud-transfer-target-item[disabled]:active,
.acud-transfer-target-item[aria-disabled="true"]:active {
border-color: transparent;
}
.acud-transfer-target-item[disabled],
.acud-transfer-target-item[aria-disabled="true"] {
cursor: not-allowed;
}
.acud-transfer-target-item-wrap {
overflow: hidden;
display: flex;
}
.acud-transfer-target-item-title {
margin-right: 12px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.acud-transfer-target-item-cancel.acudicon-outlined-close {
display: flex;
cursor: pointer;
color: #84868C;
}
.acud-transfer-target-item-cancel.acudicon-outlined-close:hover {
color: #5C5F66;
}
.acud-transfer-target-item-cancel.acudicon-outlined-close:focus,
.acud-transfer-target-item-cancel.acudicon-outlined-close:active {
color: #303540;
}
.acud-transfer-target-item-cancel.acudicon-outlined-close[disabled],
.acud-transfer-target-item-cancel.acudicon-outlined-close[aria-disabled="true"],
.acud-transfer-target-item-cancel.acudicon-outlined-close[disabled]:hover,
.acud-transfer-target-item-cancel.acudicon-outlined-close[aria-disabled="true"]:hover,
.acud-transfer-target-item-cancel.acudicon-outlined-close[disabled]:focus,
.acud-transfer-target-item-cancel.acudicon-outlined-close[aria-disabled="true"]:focus,
.acud-transfer-target-item-cancel.acudicon-outlined-close[disabled]:active,
.acud-transfer-target-item-cancel.acudicon-outlined-close[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-transfer-target-item-arrow {
margin-right: 8px;
cursor: pointer;
color: #84868C;
}
.acud-transfer-target-item-arrow:hover {
color: #5C5F66;
}
.acud-transfer-target-item-arrow:focus,
.acud-transfer-target-item-arrow:active {
color: #303540;
}
.acud-transfer-target-item-arrow[disabled],
.acud-transfer-target-item-arrow[aria-disabled="true"],
.acud-transfer-target-item-arrow[disabled]:hover,
.acud-transfer-target-item-arrow[aria-disabled="true"]:hover,
.acud-transfer-target-item-arrow[disabled]:focus,
.acud-transfer-target-item-arrow[aria-disabled="true"]:focus,
.acud-transfer-target-item-arrow[disabled]:active,
.acud-transfer-target-item-arrow[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-transfer-target-item-group-option {
padding-left: 56px;
}
.acud-transfer-target-search {
padding: 8px 12px;
width: auto;
flex-shrink: 0;
height: 40px;
}
.acud-transfer-target-nodata {
display: flex;
align-items: center;
flex: auto;
justify-content: center;
}
.acud-transfer-target-nodata span {
color: #B8BABF;
font-size: 12px;
margin-top: -16px;
}
.acud-transfer .acud-input input {
font-size: 12px;
}
.acud-transfer.acud-transfer-table .acud-transfer-datasource,
.acud-transfer.acud-transfer-table .acud-transfer-target {
height: 360px;
}
.acud-transfer.acud-transfer-table .acud-transfer-datasource-search,
.acud-transfer.acud-transfer-table .acud-transfer-target-search {
background-color: #F7F7F9;
border-top: 1px solid #fff;
}
.acud-transfer.acud-transfer-table table {
border-top: 1px solid #fff;
}
.acud-transfer.acud-transfer-table table thead tr th:nth-last-child(2) {
border-right: none;
}
.acud-transfer.acud-transfer-table .acud-transfer-table-box {
overflow: auto;
}
/* color */
/* 默认颜色 */
/* 通用-icon */
/* 标签 */
/* 默认颜色 */
/* 其他颜色 */
/* 通用 */
/* 水平 */
/* 垂直 */
/* 序号水平 */
/* 序号垂直 */
@keyframes acudCheckboxEffect {
0% {
transform: scale(1);
opacity: 0.5;
}
100% {
transform: scale(1.6);
opacity: 0;
}
}
.acud-select-tree-checkbox {
margin: 0;
padding: 0;
display: flex;
position: relative;
line-height: 1;
top: 0;
white-space: nowrap;
outline: none;
cursor: pointer;
}
.acud-select-tree-checkbox-wrapper:hover .acud-select-tree-checkbox-inner,
.acud-select-tree-checkbox:hover .acud-select-tree-checkbox-inner {
border-color: #2468F2;
}
.acud-select-tree-checkbox:active .acud-select-tree-checkbox-inner {
border-color: #144BCC;
}
.acud-select-tree-checkbox:hover::after,
.acud-select-tree-checkbox-wrapper:hover .acud-select-tree-checkbox::after {
visibility: visible;
}
.acud-select-tree-checkbox-inner {
position: relative;
display: inline-flex;
width: 16px;
height: 16px;
direction: ltr;
background-color: #FFFFFF;
border: 1px solid #E8E9EB;
border-radius: 0px;
border-collapse: separate;
border-radius: 2px;
}
.acud-select-tree-checkbox-input {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
width: 16px;
height: 16px;
cursor: pointer;
opacity: 0;
}
.acud-select-tree-checkbox-checked .acud-select-tree-checkbox-inner {
background-color: #2468F2;
border-color: #2468F2;
}
.acud-select-tree-checkbox-checked .acud-select-tree-checkbox-inner .checkbox-check-icon {
color: #FFFFFF;
width: 14px;
height: 14px;
}
.acud-select-tree-checkbox-checked:hover .acud-select-tree-checkbox-inner {
background-color: #528EFF;
border-color: #528EFF;
}
.acud-select-tree-checkbox-checked:hover .acud-select-tree-checkbox-inner .checkbox-check-icon {
color: #FFFFFF;
width: 14px;
height: 14px;
}
.acud-select-tree-checkbox-checked:active .acud-select-tree-checkbox-inner {
background-color: #144BCC;
border-color: #144BCC;
}
.acud-select-tree-checkbox-checked:active .acud-select-tree-checkbox-inner .checkbox-check-icon {
color: #FFFFFF;
width: 14px;
height: 14px;
}
.acud-select-tree-checkbox.acud-select-tree-checkbox-checked + span {
color: #151B26;
}
.acud-select-tree-checkbox.acud-select-tree-checkbox-checked + span:hover {
color: #151B26;
}
.acud-select-tree-checkbox.acud-select-tree-checkbox-disabled {
cursor: not-allowed;
}
.acud-select-tree-checkbox.acud-select-tree-checkbox-disabled.acud-select-tree-checkbox-checked .acud-select-tree-checkbox-inner {
background-color: #7DADFF;
border-color: #7DADFF;
}
.acud-select-tree-checkbox.acud-select-tree-checkbox-disabled.acud-select-tree-checkbox-checked .acud-select-tree-checkbox-inner .checkbox-check-icon {
color: #FFFFFF;
}
.acud-select-tree-checkbox.acud-select-tree-checkbox-disabled.acud-select-tree-checkbox-checked .acud-select-tree-checkbox-inner::after {
border-color: #7DADFF;
animation-name: none;
}
.acud-select-tree-checkbox.acud-select-tree-checkbox-disabled .acud-select-tree-checkbox-input {
cursor: not-allowed;
}
.acud-select-tree-checkbox.acud-select-tree-checkbox-disabled .acud-select-tree-checkbox-inner {
background-color: #F7F7F9;
border-color: #E8E9EB;
}
.acud-select-tree-checkbox.acud-select-tree-checkbox-disabled .acud-select-tree-checkbox-inner .checkbox-check-icon {
color: #B8BABF;
}
.acud-select-tree-checkbox.acud-select-tree-checkbox-disabled + span {
color: #B8BABF;
cursor: not-allowed;
}
.acud-select-tree-checkbox.acud-select-tree-checkbox-disabled + span:hover {
color: #B8BABF;
}
.acud-select-tree-checkbox.acud-select-tree-checkbox-disabled:hover::after,
.acud-select-tree-checkbox-wrapper:hover .acud-select-tree-checkbox.acud-select-tree-checkbox-disabled::after {
visibility: hidden;
}
.acud-select-tree-checkbox-wrapper {
margin: 0;
padding: 0;
display: flex;
align-items: center;
line-height: unset;
cursor: pointer;
}
.acud-select-tree-checkbox-wrapper::after {
display: inline-block;
width: 0;
overflow: hidden;
content: "\a0";
}
.acud-select-tree-checkbox-wrapper.acud-select-tree-checkbox-wrapper-disabled {
cursor: not-allowed;
}
.acud-select-tree-checkbox-wrapper + .acud-select-tree-checkbox-wrapper {
margin-left: 8px;
}
.acud-select-tree-checkbox + span {
padding-right: 8px;
padding-left: 8px;
color: #151B26;
}
.acud-select-tree-checkbox + span:hover {
color: #151B26;
}
.acud-select-tree-checkbox-group {
margin: 0;
padding: 0;
display: inline-flex;
vertical-align: middle;
}
.acud-select-tree-checkbox-group-item {
margin-right: 16px;
}
.acud-select-tree-checkbox-group-item:last-child {
margin-right: 0;
}
.acud-select-tree-checkbox-group-item + .acud-select-tree-checkbox-group-item {
margin-left: 0;
}
.acud-select-tree-checkbox-indeterminate .acud-select-tree-checkbox-inner {
background-color: #FFFFFF;
border-color: #2468F2;
}
.acud-select-tree-checkbox-indeterminate .acud-select-tree-checkbox-inner::after {
position: absolute;
display: table;
top: 50%;
left: 50%;
width: 8px;
height: 8px;
background-color: #2468F2;
border: 0;
transform: translate(-50%, -50%) scale(1);
opacity: 1;
content: ' ';
}
.acud-select-tree-checkbox-indeterminate.acud-select-tree-checkbox-disabled .acud-select-tree-checkbox-inner {
background-color: #FFFFFF;
border-color: #7DADFF;
}
.acud-select-tree-checkbox-indeterminate.acud-select-tree-checkbox-disabled .acud-select-tree-checkbox-inner::after {
background-color: #7DADFF;
}
.acud-select-tree-checkbox-indeterminate:active .acud-select-tree-checkbox-inner {
background-color: #FFFFFF;
border-color: #144BCC;
}
.acud-select-tree-checkbox-indeterminate:hover .acud-select-tree-checkbox-inner {
background-color: #FFFFFF;
border-color: #7DADFF;
}
.acud-select-tree-checkbox-indeterminate:hover .acud-select-tree-checkbox-inner::after {
background-color: #7DADFF;
}
.acud-tree-select {
/* 反向过渡，回到初始状态不那么突兀 */
}
.acud-tree-select.acud-select-open .acud-select-arrow {
transform: rotate(180deg);
transition: transform 0.3s;
}
.acud-tree-select.acud-select-open .acud-select-selection-item,
.acud-tree-select.acud-select-open .acud-select-selection-placeholder {
transition: none;
color: #B8BABF;
}
.acud-tree-select .acud-select-arrow {
transition-delay: 0.01s;
transition-duration: 0.3s;
}
.acud-tree-select-dropdown {
padding: 12px;
}
.acud-tree-select-dropdown-rtl {
direction: rtl;
}
.acud-tree-select-dropdown .acud-select-tree {
border-radius: 0;
}
.acud-tree-select-dropdown .acud-select-tree-list-holder-inner {
align-items: stretch;
}
.acud-tree-select-dropdown .acud-select-tree-list-holder-inner .acud-select-tree-treenode .acud-select-tree-node-content-wrapper {
flex: auto;
}
.acud-tree-select-dropdown .acud-select-tree-list-holder-inner .acud-select-tree-treenode .acud-select-tree-node-content-wrapper.acud-select-tree-node-selected {
color: #2468F2;
}
.acud-tree-select-dropdown .acud-select-tree-list-holder-inner .acud-select-tree-treenode .acud-select-tree-node-content-wrapper.acud-select-tree-node-selected:hover {
color: #528EFF;
}
.acud-tree-select-dropdown .acud-select-tree-list-holder-inner .acud-select-tree-treenode .acud-select-tree-node-content-wrapper.acud-select-tree-node-selected:focus,
.acud-tree-select-dropdown .acud-select-tree-list-holder-inner .acud-select-tree-treenode .acud-select-tree-node-content-wrapper.acud-select-tree-node-selected:active {
color: #144BCC;
}
.acud-tree-select-dropdown .acud-select-tree-list-holder-inner .acud-select-tree-treenode .acud-select-tree-node-content-wrapper.acud-select-tree-node-selected[disabled],
.acud-tree-select-dropdown .acud-select-tree-list-holder-inner .acud-select-tree-treenode .acud-select-tree-node-content-wrapper.acud-select-tree-node-selected[aria-disabled="true"],
.acud-tree-select-dropdown .acud-select-tree-list-holder-inner .acud-select-tree-treenode .acud-select-tree-node-content-wrapper.acud-select-tree-node-selected[disabled]:hover,
.acud-tree-select-dropdown .acud-select-tree-list-holder-inner .acud-select-tree-treenode .acud-select-tree-node-content-wrapper.acud-select-tree-node-selected[aria-disabled="true"]:hover,
.acud-tree-select-dropdown .acud-select-tree-list-holder-inner .acud-select-tree-treenode .acud-select-tree-node-content-wrapper.acud-select-tree-node-selected[disabled]:focus,
.acud-tree-select-dropdown .acud-select-tree-list-holder-inner .acud-select-tree-treenode .acud-select-tree-node-content-wrapper.acud-select-tree-node-selected[aria-disabled="true"]:focus,
.acud-tree-select-dropdown .acud-select-tree-list-holder-inner .acud-select-tree-treenode .acud-select-tree-node-content-wrapper.acud-select-tree-node-selected[disabled]:active,
.acud-tree-select-dropdown .acud-select-tree-list-holder-inner .acud-select-tree-treenode .acud-select-tree-node-content-wrapper.acud-select-tree-node-selected[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-tree-select-dropdown .acud-select-tree-select-all {
line-height: 22px;
padding: 0 0 4px 0;
}
.acud-select-tree-checkbox-inner::after {
top: 43%;
left: 24%;
width: 4px;
height: 8px;
position: absolute;
display: table;
border: 1px solid #FFFFFF;
border-top: 0;
border-left: 0;
transform: rotate(45deg) scale(1) translate(-50%, -50%);
opacity: 1;
content: " ";
}
.acud-select-tree-treenode-checkbox-disabled .acud-select-tree-checkbox-inner::after {
border: 1px solid #B8BABF;
border-top: 0;
border-left: 0;
}
.acud-select-tree .acud-select-tree-checkbox-disabled.acud-select-tree-checkbox-checked .acud-select-tree-checkbox-inner::after {
border-color: #FFFFFF;
}
.acud-select-tree .acud-select-tree-checkbox-disabled:not(.acud-select-tree-checkbox-checked) .acud-select-tree-checkbox-inner::after {
display: none;
}
.acud-select-tree-popover-util {
margin: -6px 0;
}
.acud-select-tree-popover-util li {
line-height: 32px;
margin: 0 -12px;
padding: 0 12px;
}
.acud-select-tree-popover-util li:hover {
background: #E6F0FF;
cursor: pointer;
}
.acud-select-tree-popover-util-li-disabled {
color: #B8BABF;
}
.acud-select-tree-popover-util-li-disabled:hover {
background: transparent !important;
cursor: not-allowed !important;
}
.acud-select-tree-search-input {
margin-bottom: 4px;
}
.acud-select-tree .acud-select-tree-treenode {
display: flex;
align-items: flex-start;
outline: none;
padding: 0 0 4px 0;
line-height: 24px;
color: #151B26;
}
.acud-select-tree .acud-select-tree-treenode:hover {
color: #151B26;
}
.acud-select-tree .acud-select-tree-treenode:focus,
.acud-select-tree .acud-select-tree-treenode:active {
color: #2468F2;
}
.acud-select-tree .acud-select-tree-treenode[disabled],
.acud-select-tree .acud-select-tree-treenode[aria-disabled="true"],
.acud-select-tree .acud-select-tree-treenode[disabled]:hover,
.acud-select-tree .acud-select-tree-treenode[aria-disabled="true"]:hover,
.acud-select-tree .acud-select-tree-treenode[disabled]:focus,
.acud-select-tree .acud-select-tree-treenode[aria-disabled="true"]:focus,
.acud-select-tree .acud-select-tree-treenode[disabled]:active,
.acud-select-tree .acud-select-tree-treenode[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-select-tree .acud-select-tree-treenode:active {
color: #151B26;
}
.acud-select-tree .acud-select-tree-treenode-disabled .acud-select-tree-node-content-wrapper {
color: #B8BABF;
cursor: not-allowed;
}
.acud-select-tree .acud-select-tree-treenode-disabled .acud-select-tree-node-content-wrapper:hover {
background: transparent;
}
.acud-select-tree .acud-select-tree-treenode-disabled .acud-select-tree-node-content-wrapper:active {
color: #B8BABF;
}
.acud-select-tree-indent {
align-self: stretch;
white-space: nowrap;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.acud-select-tree-indent-unit {
display: inline-block;
width: 24px;
}
.acud-select-tree-switcher {
position: relative;
flex: none;
align-self: stretch;
width: 16px;
margin: 0;
line-height: 24px;
text-align: center;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.acud-select-tree-switcher .acud-tree-switcher-icon,
.acud-select-tree-switcher .acud-select-tree-switcher-icon {
color: #84868C;
background-color: transparent;
border-color: transparent;
display: inline-block;
font-size: 10px;
line-height: 0;
vertical-align: -0.24em;
}
.acud-select-tree-switcher .acud-tree-switcher-icon:hover,
.acud-select-tree-switcher .acud-select-tree-switcher-icon:hover {
color: #84868C;
}
.acud-select-tree-switcher .acud-tree-switcher-icon:focus,
.acud-select-tree-switcher .acud-select-tree-switcher-icon:focus,
.acud-select-tree-switcher .acud-tree-switcher-icon:active,
.acud-select-tree-switcher .acud-select-tree-switcher-icon:active {
color: #84868C;
}
.acud-select-tree-switcher .acud-tree-switcher-icon[disabled],
.acud-select-tree-switcher .acud-select-tree-switcher-icon[disabled],
.acud-select-tree-switcher .acud-tree-switcher-icon[aria-disabled="true"],
.acud-select-tree-switcher .acud-select-tree-switcher-icon[aria-disabled="true"],
.acud-select-tree-switcher .acud-tree-switcher-icon[disabled]:hover,
.acud-select-tree-switcher .acud-select-tree-switcher-icon[disabled]:hover,
.acud-select-tree-switcher .acud-tree-switcher-icon[aria-disabled="true"]:hover,
.acud-select-tree-switcher .acud-select-tree-switcher-icon[aria-disabled="true"]:hover,
.acud-select-tree-switcher .acud-tree-switcher-icon[disabled]:focus,
.acud-select-tree-switcher .acud-select-tree-switcher-icon[disabled]:focus,
.acud-select-tree-switcher .acud-tree-switcher-icon[aria-disabled="true"]:focus,
.acud-select-tree-switcher .acud-select-tree-switcher-icon[aria-disabled="true"]:focus,
.acud-select-tree-switcher .acud-tree-switcher-icon[disabled]:active,
.acud-select-tree-switcher .acud-select-tree-switcher-icon[disabled]:active,
.acud-select-tree-switcher .acud-tree-switcher-icon[aria-disabled="true"]:active,
.acud-select-tree-switcher .acud-select-tree-switcher-icon[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-select-tree-switcher .acud-tree-switcher-icon:hover,
.acud-select-tree-switcher .acud-select-tree-switcher-icon:hover {
background-color: transparent;
}
.acud-select-tree-switcher .acud-tree-switcher-icon:focus,
.acud-select-tree-switcher .acud-select-tree-switcher-icon:focus,
.acud-select-tree-switcher .acud-tree-switcher-icon:active,
.acud-select-tree-switcher .acud-select-tree-switcher-icon:active {
background-color: transparent;
}
.acud-select-tree-switcher .acud-tree-switcher-icon[disabled],
.acud-select-tree-switcher .acud-select-tree-switcher-icon[disabled],
.acud-select-tree-switcher .acud-tree-switcher-icon[aria-disabled="true"],
.acud-select-tree-switcher .acud-select-tree-switcher-icon[aria-disabled="true"],
.acud-select-tree-switcher .acud-tree-switcher-icon[disabled]:hover,
.acud-select-tree-switcher .acud-select-tree-switcher-icon[disabled]:hover,
.acud-select-tree-switcher .acud-tree-switcher-icon[aria-disabled="true"]:hover,
.acud-select-tree-switcher .acud-select-tree-switcher-icon[aria-disabled="true"]:hover,
.acud-select-tree-switcher .acud-tree-switcher-icon[disabled]:focus,
.acud-select-tree-switcher .acud-select-tree-switcher-icon[disabled]:focus,
.acud-select-tree-switcher .acud-tree-switcher-icon[aria-disabled="true"]:focus,
.acud-select-tree-switcher .acud-select-tree-switcher-icon[aria-disabled="true"]:focus,
.acud-select-tree-switcher .acud-tree-switcher-icon[disabled]:active,
.acud-select-tree-switcher .acud-select-tree-switcher-icon[disabled]:active,
.acud-select-tree-switcher .acud-tree-switcher-icon[aria-disabled="true"]:active,
.acud-select-tree-switcher .acud-select-tree-switcher-icon[aria-disabled="true"]:active {
background-color: transparent;
}
.acud-select-tree-switcher .acud-tree-switcher-icon:hover,
.acud-select-tree-switcher .acud-select-tree-switcher-icon:hover {
border-color: transparent;
}
.acud-select-tree-switcher .acud-tree-switcher-icon:focus,
.acud-select-tree-switcher .acud-select-tree-switcher-icon:focus,
.acud-select-tree-switcher .acud-tree-switcher-icon:active,
.acud-select-tree-switcher .acud-select-tree-switcher-icon:active {
border-color: transparent;
}
.acud-select-tree-switcher .acud-tree-switcher-icon[disabled],
.acud-select-tree-switcher .acud-select-tree-switcher-icon[disabled],
.acud-select-tree-switcher .acud-tree-switcher-icon[aria-disabled="true"],
.acud-select-tree-switcher .acud-select-tree-switcher-icon[aria-disabled="true"],
.acud-select-tree-switcher .acud-tree-switcher-icon[disabled]:hover,
.acud-select-tree-switcher .acud-select-tree-switcher-icon[disabled]:hover,
.acud-select-tree-switcher .acud-tree-switcher-icon[aria-disabled="true"]:hover,
.acud-select-tree-switcher .acud-select-tree-switcher-icon[aria-disabled="true"]:hover,
.acud-select-tree-switcher .acud-tree-switcher-icon[disabled]:focus,
.acud-select-tree-switcher .acud-select-tree-switcher-icon[disabled]:focus,
.acud-select-tree-switcher .acud-tree-switcher-icon[aria-disabled="true"]:focus,
.acud-select-tree-switcher .acud-select-tree-switcher-icon[aria-disabled="true"]:focus,
.acud-select-tree-switcher .acud-tree-switcher-icon[disabled]:active,
.acud-select-tree-switcher .acud-select-tree-switcher-icon[disabled]:active,
.acud-select-tree-switcher .acud-tree-switcher-icon[aria-disabled="true"]:active,
.acud-select-tree-switcher .acud-select-tree-switcher-icon[aria-disabled="true"]:active {
border-color: transparent;
}
.acud-select-tree-switcher .acud-tree-switcher-icon svg,
.acud-select-tree-switcher .acud-select-tree-switcher-icon svg {
width: 16px!important;
transition: transform 0.3s;
}
.acud-select-tree-switcher-noop {
cursor: default;
}
.acud-select-tree-switcher_close .acud-select-tree-switcher-icon svg {
transform: rotate(-90deg);
}
.acud-select-tree-switcher-leaf-line {
position: relative;
z-index: 1;
display: inline-block;
width: 100%;
height: 100%;
}
.acud-select-tree-switcher-leaf-line::before {
position: absolute;
top: 0;
right: 8px;
bottom: -4px;
margin-left: -1px;
border-right: 1px solid #B8BABF;
content: ' ';
}
.acud-select-tree-switcher-leaf-line::after {
position: absolute;
width: 10px;
height: 14px;
border-bottom: 1px solid #B8BABF;
content: ' ';
}
.acud-select-tree .acud-select-tree-node-content-wrapper {
position: relative;
flex: 1;
z-index: auto;
min-height: 24px;
margin: 0 4px;
padding: 0 4px;
color: inherit;
line-height: 24px;
background: transparent;
cursor: pointer;
transition: all 0.3s, border 0s, line-height 0s, box-shadow 0s;
}
.acud-select-tree .acud-select-tree-node-content-wrapper:hover {
background-color: #F7F7F9;
border-radius: 2px;
}
.acud-select-tree .acud-select-tree-node-content-wrapper:active {
color: #151B26;
}
.acud-select-tree .acud-select-tree-node-content-wrapper.acud-select-tree-node-selected,
.acud-select-tree .acud-select-tree-node-content-wrapper .acud-select-tree-node-highlighttext {
background-color: #E6F0FF;
border-radius: 2px;
}
.acud-select-tree .acud-select-tree-node-content-wrapper .acud-select-tree-iconEle {
display: inline-block;
width: 16px;
height: 16px;
line-height: 24px;
margin-right: 8px;
text-align: center;
vertical-align: top;
color: #84868C;
}
.acud-select-tree .acud-select-tree-node-content-wrapper .acud-select-tree-iconEle:empty {
display: none;
}
.acud-select-tree .acud-select-tree-node-content-wrapper .acud-select-tree-iconEle .acudicon {
vertical-align: -0.2em;
}
.acud-select-tree .acud-select-tree-node-content-wrapper .acud-select-tree-icon-util > span {
color: #84868C;
margin-left: 8px;
vertical-align: -0.2em;
line-height: 0;
}
.acud-select-tree .acud-select-tree-node-content-wrapper .acud-select-tree-icon-util > span:hover {
color: #2468F2;
}
.acud-select-tree .acud-select-tree-node-content-wrapper .acud-select-tree-icon-util > span:active {
color: #144BCC;
}
.acud-select-tree .acud-select-tree-node-content-wrapper .acud-select-tree-edit-input {
margin: 0 -8px;
}
.acud-select-tree-node-content-wrapper {
line-height: 24px;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.acud-select-tree-node-content-wrapper .acud-tree-drop-indicator {
position: absolute;
z-index: 1;
height: 1px;
background-color: #2468F2;
border-radius: 1px;
pointer-events: none;
}
.acud-select-tree-node-content-wrapper .acud-tree-drop-indicator::after {
position: absolute;
top: -2px;
left: -4px;
width: 5px;
height: 5px;
background-color: transparent;
border: 1px solid #2468F2;
border-radius: 50%;
content: '';
}
.acud-select-tree-draggable-icon {
width: 16px;
height: 16px;
text-align: center;
line-height: 24px;
margin: 0 8px;
opacity: 0;
}
.acud-select-tree-treenode:hover .acud-select-tree-draggable-icon {
opacity: 0.45;
}
.acud-select-tree-show-line .acud-select-tree-indent-unit {
position: relative;
height: 100%;
}
.acud-select-tree-show-line .acud-select-tree-indent-unit::before {
position: absolute;
top: 0;
right: 16px;
bottom: -4px;
border-right: 1px solid #B8BABF;
content: '';
}
.acud-select-tree-show-line .acud-select-tree-indent-unit-end::before {
display: none;
}
.acud-select-tree .acud-select-tree-treenode-leaf-last .acud-select-tree-switcher-leaf-line::before {
top: auto !important;
bottom: auto !important;
height: 14px !important;
}
.acud-select-tree-checkbox {
margin: 2px 0 0 8px;
top: 0.1em;
}
.acud-select-tree-with-title-ellipsis .acud-select-tree-title {
flex: 1;
overflow: hidden;
}
.acud-select-tree-with-title-ellipsis .acud-select-tree-title-titleWithOps {
display: flex;
white-space: nowrap;
}
.acud-select-tree-with-title-ellipsis .acud-select-tree-title-titleContent {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.acud-select-tree-with-title-ellipsis .acud-select-tree-node-content-wrapper {
display: flex;
overflow: hidden;
max-width: 100%;
}
.acud-select-tree-with-title-ellipsis .acud-select-tree-node-content-wrapper .acud-select-tree-edit-input {
margin: 0;
}
.acud-tree-select-dropdown-rtl .acud-select-tree .acud-select-tree-switcher_close .acud-select-tree-switcher-icon svg {
transform: rotate(90deg);
}
.acud-tree-select-dropdown-rtl .acud-select-tree .acud-select-tree-switcher-loading-icon {
transform: scaleY(-1);
}
.acud-select-tree-checkbox-inner::after {
opacity: 0;
}
.acud-select-tree-checkbox-checked .acud-select-tree-checkbox-inner::after {
opacity: 1;
}
.acud-select-tree-list .acud-select-tree-node-content-wrapper {
white-space: nowrap;
}
/* color */
/* 默认颜色 */
/* 通用-icon */
/* 标签 */
/* 默认颜色 */
/* 其他颜色 */
/* 通用 */
/* 水平 */
/* 垂直 */
/* 序号水平 */
/* 序号垂直 */
.acud-upload {
margin: 0;
padding: 0;
outline: 0;
}
.acud-upload p {
margin: 0;
}
.acud-upload-btn {
display: block;
width: 100%;
outline: none;
}
.acud-upload input[type='file'] {
cursor: pointer;
}
.acud-upload.acud-upload-select {
display: inline-block;
}
.acud-upload.acud-upload-disabled {
cursor: not-allowed;
}
.acud-upload.acud-upload-select-picture-card {
width: 120px;
height: 120px;
margin-right: 8px;
margin-bottom: 8px;
text-align: center;
vertical-align: top;
border-radius: 4px;
border-width: 1px;
border-style: solid;
cursor: pointer;
transition: border-color 0.3s;
overflow: hidden;
color: #5C5F66;
background-color: #FFFFFF;
border-color: #E8E9EB;
}
.acud-upload.acud-upload-select-picture-card:hover {
color: #5C5F66;
}
.acud-upload.acud-upload-select-picture-card:focus,
.acud-upload.acud-upload-select-picture-card:active {
color: #5C5F66;
}
.acud-upload.acud-upload-select-picture-card[disabled],
.acud-upload.acud-upload-select-picture-card[aria-disabled="true"],
.acud-upload.acud-upload-select-picture-card[disabled]:hover,
.acud-upload.acud-upload-select-picture-card[aria-disabled="true"]:hover,
.acud-upload.acud-upload-select-picture-card[disabled]:focus,
.acud-upload.acud-upload-select-picture-card[aria-disabled="true"]:focus,
.acud-upload.acud-upload-select-picture-card[disabled]:active,
.acud-upload.acud-upload-select-picture-card[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-upload.acud-upload-select-picture-card:hover {
background-color: #FFFFFF;
}
.acud-upload.acud-upload-select-picture-card:focus,
.acud-upload.acud-upload-select-picture-card:active {
background-color: #FFFFFF;
}
.acud-upload.acud-upload-select-picture-card[disabled],
.acud-upload.acud-upload-select-picture-card[aria-disabled="true"],
.acud-upload.acud-upload-select-picture-card[disabled]:hover,
.acud-upload.acud-upload-select-picture-card[aria-disabled="true"]:hover,
.acud-upload.acud-upload-select-picture-card[disabled]:focus,
.acud-upload.acud-upload-select-picture-card[aria-disabled="true"]:focus,
.acud-upload.acud-upload-select-picture-card[disabled]:active,
.acud-upload.acud-upload-select-picture-card[aria-disabled="true"]:active {
background-color: #F7F7F9;
}
.acud-upload.acud-upload-select-picture-card:hover {
border-color: #2468F2;
}
.acud-upload.acud-upload-select-picture-card:focus,
.acud-upload.acud-upload-select-picture-card:active {
border-color: #144BCC;
}
.acud-upload.acud-upload-select-picture-card[disabled],
.acud-upload.acud-upload-select-picture-card[aria-disabled="true"],
.acud-upload.acud-upload-select-picture-card[disabled]:hover,
.acud-upload.acud-upload-select-picture-card[aria-disabled="true"]:hover,
.acud-upload.acud-upload-select-picture-card[disabled]:focus,
.acud-upload.acud-upload-select-picture-card[aria-disabled="true"]:focus,
.acud-upload.acud-upload-select-picture-card[disabled]:active,
.acud-upload.acud-upload-select-picture-card[aria-disabled="true"]:active {
border-color: #E8E9EB;
}
.acud-upload.acud-upload-select-picture-card .acudicon {
color: #84868C;
}
.acud-upload.acud-upload-select-picture-card .acudicon:hover {
color: #84868C;
}
.acud-upload.acud-upload-select-picture-card .acudicon:focus,
.acud-upload.acud-upload-select-picture-card .acudicon:active {
color: #84868C;
}
.acud-upload.acud-upload-select-picture-card .acudicon[disabled],
.acud-upload.acud-upload-select-picture-card .acudicon[aria-disabled="true"],
.acud-upload.acud-upload-select-picture-card .acudicon[disabled]:hover,
.acud-upload.acud-upload-select-picture-card .acudicon[aria-disabled="true"]:hover,
.acud-upload.acud-upload-select-picture-card .acudicon[disabled]:focus,
.acud-upload.acud-upload-select-picture-card .acudicon[aria-disabled="true"]:focus,
.acud-upload.acud-upload-select-picture-card .acudicon[disabled]:active,
.acud-upload.acud-upload-select-picture-card .acudicon[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-upload.acud-upload-select-picture-card > .acud-upload {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
text-align: center;
}
.acud-upload.acud-upload-drag {
position: relative;
width: 100%;
height: 100%;
text-align: center;
border: 1px dashed #d9d9d9;
border-radius: 6px;
cursor: pointer;
transition: border-color 0.3s;
}
.acud-upload.acud-upload-drag.acud-upload-drag-hover:not(.acud-upload-disabled) {
border-color: #144BCC;
}
.acud-upload.acud-upload-drag.acud-upload-drag-click:not(.acud-upload-disabled) {
border-color: #144BCC;
}
.acud-upload.acud-upload-drag.acud-upload-drag-click:not(.acud-upload-disabled):hover {
border-color: #144BCC;
}
.acud-upload.acud-upload-drag.acud-upload-disabled {
background: #F7F7F9;
cursor: not-allowed;
}
.acud-upload.acud-upload-drag .acud-upload-btn {
display: table;
height: 100%;
}
.acud-upload.acud-upload-drag .acud-upload-drag-container {
display: table-cell;
vertical-align: middle;
}
.acud-upload.acud-upload-drag:not(.acud-upload-disabled):hover {
border-color: #528EFF;
}
.acud-upload.acud-upload-drag p.acud-upload-drag-icon {
margin-bottom: 20px;
}
.acud-upload.acud-upload-drag p.acud-upload-drag-icon .acudicon {
color: #528EFF;
font-size: 48px;
}
.acud-upload.acud-upload-drag p.acud-upload-text {
margin: 0 0 4px;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
}
.acud-upload.acud-upload-drag p.acud-upload-hint {
color: #B8BABF;
font-size: 12px;
}
.acud-upload.acud-upload-drag .acudicon-outlined-plus {
color: #B8BABF;
font-size: 30px;
transition: all 0.3s;
}
.acud-upload.acud-upload-drag .acudicon-outlined-plus:hover {
color: #B8BABF;
}
.acud-upload.acud-upload-drag:hover .acudicon-outlined-plus {
color: #B8BABF;
}
.acud-upload-picture-card-wrapper {
display: inline-block;
width: 100%;
}
.acud-upload-des-bottom {
font-size: 12px;
color: #84868C;
margin: 4px 0;
line-height: 1.5;
font-weight: 400;
}
.acud-upload-des-right {
font-size: 12px;
color: #84868C;
margin-left: 8px;
font-weight: 400;
display: inline-block;
line-height: 32px;
vertical-align: bottom;
}
.acud-upload-list {
margin: 0;
padding: 0;
line-height: 1.6667;
}
.acud-upload-list-item {
position: relative;
font-size: 12px;
transition: background-color 0.3s;
overflow-y: hidden;
}
.acud-upload-list-item-name {
display: inline-block;
width: 100%;
padding-left: 20px;
overflow: hidden;
line-height: 1.6667;
white-space: nowrap;
text-overflow: ellipsis;
color: #151B26;
}
.acud-upload-list-item-name:hover {
color: #151B26;
}
.acud-upload-list-item-name:focus,
.acud-upload-list-item-name:active {
color: #151B26;
}
.acud-upload-list-item-name[disabled],
.acud-upload-list-item-name[aria-disabled="true"],
.acud-upload-list-item-name[disabled]:hover,
.acud-upload-list-item-name[aria-disabled="true"]:hover,
.acud-upload-list-item-name[disabled]:focus,
.acud-upload-list-item-name[aria-disabled="true"]:focus,
.acud-upload-list-item-name[disabled]:active,
.acud-upload-list-item-name[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-upload-list-item-card-actions {
position: absolute;
right: 4px;
}
.acud-upload-list-item-card-actions-btn {
opacity: 0;
}
.acud-upload-list-item-card-actions-btn.acud-btn-sm {
height: 20px;
line-height: 1;
width: 15px;
vertical-align: -30%;
}
.acud-upload-list-item-card-actions.picture {
top: 22px;
line-height: 0;
}
.acud-upload-list-item-card-actions-btn:focus,
.acud-upload-list-item-card-actions.picture .acud-upload-list-item-card-actions-btn {
opacity: 1;
}
.acud-upload-list-item-card-actions .acudicon {
color: #84868C;
}
.acud-upload-list-item-card-actions .acudicon:hover {
color: #5C5F66;
}
.acud-upload-list-item-card-actions .acudicon:focus,
.acud-upload-list-item-card-actions .acudicon:active {
color: #303540;
}
.acud-upload-list-item-card-actions .acudicon[disabled],
.acud-upload-list-item-card-actions .acudicon[aria-disabled="true"],
.acud-upload-list-item-card-actions .acudicon[disabled]:hover,
.acud-upload-list-item-card-actions .acudicon[aria-disabled="true"]:hover,
.acud-upload-list-item-card-actions .acudicon[disabled]:focus,
.acud-upload-list-item-card-actions .acudicon[aria-disabled="true"]:focus,
.acud-upload-list-item-card-actions .acudicon[disabled]:active,
.acud-upload-list-item-card-actions .acudicon[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-upload-list-item-info {
height: 24px;
padding: 0 2px;
border-radius: 2px;
}
.acud-upload-list-item-info > span {
display: block;
width: 100%;
height: 100%;
}
.acud-upload-list-item-info .acudicon-outlined-loading,
.acud-upload-list-item-info .acud-upload-text-icon {
line-height: 0;
}
.acud-upload-list-item-info .acudicon-outlined-loading .acudicon,
.acud-upload-list-item-info .acud-upload-text-icon .acudicon {
color: #B8BABF;
font-size: 12px;
color: #84868C;
}
.acud-upload-list-item-info .acudicon-outlined-loading .acudicon:hover,
.acud-upload-list-item-info .acud-upload-text-icon .acudicon:hover {
color: #84868C;
}
.acud-upload-list-item-info .acudicon-outlined-loading .acudicon:focus,
.acud-upload-list-item-info .acud-upload-text-icon .acudicon:focus,
.acud-upload-list-item-info .acudicon-outlined-loading .acudicon:active,
.acud-upload-list-item-info .acud-upload-text-icon .acudicon:active {
color: #84868C;
}
.acud-upload-list-item-info .acudicon-outlined-loading .acudicon[disabled],
.acud-upload-list-item-info .acud-upload-text-icon .acudicon[disabled],
.acud-upload-list-item-info .acudicon-outlined-loading .acudicon[aria-disabled="true"],
.acud-upload-list-item-info .acud-upload-text-icon .acudicon[aria-disabled="true"],
.acud-upload-list-item-info .acudicon-outlined-loading .acudicon[disabled]:hover,
.acud-upload-list-item-info .acud-upload-text-icon .acudicon[disabled]:hover,
.acud-upload-list-item-info .acudicon-outlined-loading .acudicon[aria-disabled="true"]:hover,
.acud-upload-list-item-info .acud-upload-text-icon .acudicon[aria-disabled="true"]:hover,
.acud-upload-list-item-info .acudicon-outlined-loading .acudicon[disabled]:focus,
.acud-upload-list-item-info .acud-upload-text-icon .acudicon[disabled]:focus,
.acud-upload-list-item-info .acudicon-outlined-loading .acudicon[aria-disabled="true"]:focus,
.acud-upload-list-item-info .acud-upload-text-icon .acudicon[aria-disabled="true"]:focus,
.acud-upload-list-item-info .acudicon-outlined-loading .acudicon[disabled]:active,
.acud-upload-list-item-info .acud-upload-text-icon .acudicon[disabled]:active,
.acud-upload-list-item-info .acudicon-outlined-loading .acudicon[aria-disabled="true"]:active,
.acud-upload-list-item-info .acud-upload-text-icon .acudicon[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-upload-list-item .acudicon-outlined-close {
font-size: 10px;
line-height: 0;
cursor: pointer;
opacity: 0;
transition: all 0.3s;
}
.acud-upload-list-item .acudicon-outlined-close:hover {
color: #151B26;
}
.acud-upload-list-item:hover {
background-color: #F7F7F9;
}
.acud-upload-list-item:hover .acudicon-outlined-close {
opacity: 1;
}
.acud-upload-list-item .acudicon-outlined-cloud-download {
transition: all 0.3s;
opacity: 0;
}
.acud-upload-list-item:hover .acudicon-outlined-cloud-download {
opacity: 1;
}
.acud-upload-list-item-card-actions-btn {
margin-right: 6px;
}
.acud-upload-list-item-card-actions-btn:last-child {
margin-right: 0;
}
.acud-upload-list-item:hover .acud-upload-list-item-card-actions-btn {
opacity: 1;
}
.acud-upload-list-item-error,
.acud-upload-list-item-error .acud-upload-text-icon > .acudicon,
.acud-upload-list-item-error .acud-upload-list-item-name,
.acud-upload-list-item-error .acud-upload-list-item-info .acud-upload-text-icon .acudicon:hover {
color: #F33E3E;
}
.acud-upload-list-item-error .acud-upload-list-item-card-actions .acud-upload-text-icon {
color: #F33E3E;
}
.acud-upload-list-item-progress {
width: 100%;
padding-left: 4px;
padding-right: 4px;
font-size: 12px;
line-height: 0;
}
.acud-upload-list-picture .acud-upload-list-item,
.acud-upload-list-picture-card .acud-upload-list-item {
position: relative;
height: 66px;
padding: 0;
border: 1px solid #d9d9d9;
border-radius: 0px;
}
.acud-upload-list-picture .acud-upload-list-item:hover,
.acud-upload-list-picture-card .acud-upload-list-item:hover {
background: transparent;
}
.acud-upload-list-picture .acud-upload-list-item.acud-upload-list-item-error,
.acud-upload-list-picture-card .acud-upload-list-item.acud-upload-list-item-error {
border-color: #F33E3E;
}
.acud-upload-list-picture .acud-upload-list-item-info,
.acud-upload-list-picture-card .acud-upload-list-item-info {
padding: 0;
height: 56px;
}
.acud-upload-list-picture .acud-upload-list-item:hover .acud-upload-list-item-info,
.acud-upload-list-picture-card .acud-upload-list-item:hover .acud-upload-list-item-info {
background: transparent;
}
.acud-upload-list-picture .acud-upload-list-item-thumbnail,
.acud-upload-list-picture-card .acud-upload-list-item-thumbnail {
width: 48px;
height: 48px;
line-height: 90px;
text-align: center;
opacity: 0.8;
}
.acud-upload-list-picture .acud-upload-list-item-thumbnail .acudicon,
.acud-upload-list-picture-card .acud-upload-list-item-thumbnail .acudicon {
font-size: 26px;
}
.acud-upload-list-picture .acud-upload-list-item-error .acud-upload-list-item-thumbnail .acudicon svg path[fill='#e6f7ff'],
.acud-upload-list-picture-card .acud-upload-list-item-error .acud-upload-list-item-thumbnail .acudicon svg path[fill='#e6f7ff'] {
fill: red;
}
.acud-upload-list-picture .acud-upload-list-item-error .acud-upload-list-item-thumbnail .acudicon svg path[fill='#1890ff'],
.acud-upload-list-picture-card .acud-upload-list-item-error .acud-upload-list-item-thumbnail .acudicon svg path[fill='#1890ff'] {
fill: #F33E3E;
}
.acud-upload-list-picture .acud-upload-list-item-icon,
.acud-upload-list-picture-card .acud-upload-list-item-icon {
position: absolute;
top: 50%;
left: 50%;
font-size: 26px;
transform: translate(-50%, -50%);
}
.acud-upload-list-picture .acud-upload-list-item-icon .acudicon,
.acud-upload-list-picture-card .acud-upload-list-item-icon .acudicon {
font-size: 26px;
}
.acud-upload-list-picture .acud-upload-list-item-image,
.acud-upload-list-picture-card .acud-upload-list-item-image {
max-width: 100%;
}
.acud-upload-list-picture .acud-upload-list-item-thumbnail img,
.acud-upload-list-picture-card .acud-upload-list-item-thumbnail img {
display: block;
width: 48px;
height: 48px;
overflow: hidden;
}
.acud-upload-list-picture .acud-upload-list-item-name,
.acud-upload-list-picture-card .acud-upload-list-item-name {
display: inline-block;
box-sizing: border-box;
max-width: 100%;
margin: 0 0 0 8px;
padding-right: 8px;
padding-left: 48px;
overflow: hidden;
line-height: 44px;
white-space: nowrap;
text-overflow: ellipsis;
transition: all 0.3s;
}
.acud-upload-list-picture .acudicon-outlined-close,
.acud-upload-list-picture-card .acudicon-outlined-close {
position: absolute;
top: 8px;
right: 8px;
line-height: 1;
opacity: 1;
}
.acud-upload-list-picture-card-container {
display: inline-block;
width: 120px;
height: 120px;
margin: 0 8px 8px 0;
vertical-align: top;
}
.acud-upload-list-picture-card.acud-upload-list::after {
display: none;
}
.acud-upload-list-picture-card .acud-upload-list-item {
height: 100%;
margin: 0;
border: 1px solid #E8E9EB;
border-radius: 4px;
}
.acud-upload-list-picture-card .acud-upload-list-item-info {
position: relative;
height: 100%;
overflow: hidden;
}
.acud-upload-list-picture-card .acud-upload-list-item-info::before {
position: absolute;
z-index: 1;
width: 100%;
height: 100%;
background-color: rgba(8, 14, 26, 0.5);
opacity: 0;
transition: all 0.3s;
content: ' ';
}
.acud-upload-list-picture-card .acud-upload-list-item:hover .acud-upload-list-item-info::before {
opacity: 1;
}
.acud-upload-list-picture-card .acud-upload-list-item-actions {
position: absolute;
top: 50%;
left: 50%;
z-index: 10;
white-space: nowrap;
transform: translate(-50%, -50%);
opacity: 0;
transition: all 0.3s;
}
.acud-upload-list-picture-card .acud-upload-list-item-actions .acudicon-outlined-button-upload,
.acud-upload-list-picture-card .acud-upload-list-item-actions .acudicon-outlined-eye,
.acud-upload-list-picture-card .acud-upload-list-item-actions .acudicon-outlined-download,
.acud-upload-list-picture-card .acud-upload-list-item-actions .acudicon-outlined-delete {
z-index: 10;
width: 16px;
font-size: 16px;
vertical-align: -4px;
cursor: pointer;
transition: all 0.3s;
color: #fff;
}
.acud-upload-list-picture-card .acud-upload-list-item-actions > * {
margin-right: 8px;
}
.acud-upload-list-picture-card .acud-upload-list-item-actions > *:last-child {
margin-right: 0;
}
.acud-upload-list-picture-card .acud-upload-list-item-info:hover + .acud-upload-list-item-actions,
.acud-upload-list-picture-card .acud-upload-list-item-actions:hover {
opacity: 1;
}
.acud-upload-list-picture-card .acud-upload-list-item-thumbnail,
.acud-upload-list-picture-card .acud-upload-list-item-thumbnail img {
position: static;
display: block;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.acud-upload-list-picture-card .acud-upload-list-item-name {
display: none;
margin: 8px 0 0;
padding: 0;
line-height: 1.6667;
text-align: center;
}
.acud-upload-list-picture-card .acud-upload-list-item-file + .acud-upload-list-item-name {
position: absolute;
bottom: 38px;
display: block;
}
.acud-upload-list-picture-card .acud-upload-list-item-uploading .acud-upload-list-item-info {
height: 100%;
}
.acud-upload-list-picture-card .acud-upload-list-item-uploading .acud-upload-list-item-info::before,
.acud-upload-list-picture-card .acud-upload-list-item-uploading .acud-upload-list-item-info .acudicon-outlined-eye,
.acud-upload-list-picture-card .acud-upload-list-item-uploading .acud-upload-list-item-info .acudicon-outlined-button-upload,
.acud-upload-list-picture-card .acud-upload-list-item-uploading .acud-upload-list-item-info .acudicon-outlined-delete {
display: none;
}
.acud-upload-list-picture-card .acud-upload-list-item-uploading .acud-upload-list-item-info .acud-upload-list-item-thumbnail {
line-height: 140px;
}
.acud-upload-list-picture-card .acud-upload-list-item-progress {
position: absolute;
top: 44px;
left: 50%;
padding-left: 8px;
padding-right: 8px;
width: 96px;
transform: translateX(-50%);
}
.acud-upload-list-text-container,
.acud-upload-list-picture-container {
transition: opacity 0.3s, height 0.3s;
}
.acud-upload-list-text-container::before,
.acud-upload-list-picture-container::before {
display: table;
width: 0;
height: 0;
content: '';
}
.acud-upload-list-text-container .acud-upload-span,
.acud-upload-list-picture-container .acud-upload-span {
display: block;
flex: auto;
}
.acud-upload-list-text .acud-upload-span,
.acud-upload-list-picture .acud-upload-span {
display: flex;
align-items: center;
}
.acud-upload-list-text .acud-upload-span > *,
.acud-upload-list-picture .acud-upload-span > * {
flex: none;
}
.acud-upload-list-text .acud-upload-list-item-name,
.acud-upload-list-picture .acud-upload-list-item-name {
flex: auto;
margin: 0;
padding: 0 8px 0 4px;
}
.acud-upload-list-text-container {
margin-bottom: 8px;
}
.acud-upload-list-text-container:first-child {
margin-top: 8px;
}
.acud-upload-list-text .acud-upload-list-item-progress {
margin-top: 4px;
margin-bottom: 2px;
}
.acud-upload-list .acud-upload-animate-inline-appear,
.acud-upload-list .acud-upload-animate-inline-enter,
.acud-upload-list .acud-upload-animate-inline-leave {
animation-duration: 0.3s;
animation-fill-mode: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.acud-upload-list .acud-upload-animate-inline-appear,
.acud-upload-list .acud-upload-animate-inline-enter {
animation-name: uploadAnimateInlineIn;
}
.acud-upload-list .acud-upload-animate-inline-leave {
animation-name: uploadAnimateInlineOut;
}
.acud-upload-list .error-tooltip .acud-tooltip-inner {
color: #F33E3E;
}
.acud-upload-list .acud-progress-line .acud-progress-wrapper {
margin-right: 0;
padding-right: 0;
}
@keyframes uploadAnimateInlineIn {
from {
width: 0;
height: 0;
margin: 0;
padding: 0;
opacity: 0;
}
}
@keyframes uploadAnimateInlineOut {
to {
width: 0;
height: 0;
margin: 0;
padding: 0;
opacity: 0;
}
}
/* color */
/* 默认颜色 */
/* 通用-icon */
/* 标签 */
/* 默认颜色 */
/* 其他颜色 */
/* 通用 */
/* 水平 */
/* 垂直 */
/* 序号水平 */
/* 序号垂直 */
/*# sourceMappingURL=acud.css.map*/