acud 0.0.67 → 0.0.68

package/dist/acud.css

@@ -1,4 +1,4 @@
-/*! acud v0.0.67 */
+/*! acud v0.0.68 */
 /* color */
 /* 默认颜色 */
 /* 通用-icon */
@@ -9478,64 +9478,9 @@ a {
 .acud-cascader-picker-clear {
   position: absolute;
   top: 50%;
-  right: 32px;
+  right: 30px;
   z-index: 2;
-  width: 12px;
-  height: 12px;
-  margin-top: -6px;
-  line-height: 12px;
-  cursor: pointer;
-  border-radius: 50%;
-  text-align: center;
-  transition: color 0.3s ease, opacity 0.15s ease;
-}
-.acud-cascader-picker-clear.acuicon {
-  display: flex;
-  color: #FFFFFF;
-  background-color: #D4D6D9;
-  border-color: transparent;
-}
-.acud-cascader-picker-clear.acuicon:hover {
-  color: #FFFFFF;
-}
-.acud-cascader-picker-clear.acuicon:focus,
-.acud-cascader-picker-clear.acuicon:active {
-  color: #FFFFFF;
-}
-.acud-cascader-picker-clear.acuicon[disabled],
-.acud-cascader-picker-clear.acuicon[disabled]:hover,
-.acud-cascader-picker-clear.acuicon[disabled]:focus,
-.acud-cascader-picker-clear.acuicon[disabled]:active {
-  color: #FFFFFF;
-}
-.acud-cascader-picker-clear.acuicon:hover {
-  background-color: #5C5F66;
-}
-.acud-cascader-picker-clear.acuicon:focus,
-.acud-cascader-picker-clear.acuicon:active {
-  background-color: #303540;
-}
-.acud-cascader-picker-clear.acuicon[disabled],
-.acud-cascader-picker-clear.acuicon[disabled]:hover,
-.acud-cascader-picker-clear.acuicon[disabled]:focus,
-.acud-cascader-picker-clear.acuicon[disabled]:active {
-  background-color: #F2F2F4;
-}
-.acud-cascader-picker-clear.acuicon:hover {
-  border-color: transparent;
-}
-.acud-cascader-picker-clear.acuicon:focus,
-.acud-cascader-picker-clear.acuicon:active {
-  border-color: transparent;
-}
-.acud-cascader-picker-clear.acuicon[disabled],
-.acud-cascader-picker-clear.acuicon[disabled]:hover,
-.acud-cascader-picker-clear.acuicon[disabled]:focus,
-.acud-cascader-picker-clear.acuicon[disabled]:active {
-  border-color: transparent;
-}
-.acud-cascader-picker-clear > svg {
-  transform: scale(0.6);
+  margin-top: -8px;
 }
 .acud-cascader-picker-arrow {
   position: absolute;
@@ -11244,6 +11189,70 @@ a {
   z-index: 1;
 }
 
+/* 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[disabled]:hover,
+.acud-clear.acudicon[disabled]:focus,
+.acud-clear.acudicon[disabled]: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[disabled]:hover,
+.acud-clear.acudicon[disabled]:focus,
+.acud-clear.acudicon[disabled]: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[disabled]:hover,
+.acud-clear.acudicon[disabled]:focus,
+.acud-clear.acudicon[disabled]:active {
+  border-color: transparent;
+}
+.acud-clear.acudicon > svg {
+  transform: scale(0.66666);
+}
+
 /* color */
 /* 默认颜色 */
 /* 通用-icon */
@@ -11978,12 +11987,23 @@ a {
   color: #151B26;
 }
 .acud-picker-panel-header > li {
+  color: #151B26;
   margin-right: 24px;
   display: inline-block;
   cursor: pointer;
 }
-.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 {
-  background-color: #F7F7F9 !important;
+.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[disabled]:hover,
+.acud-picker-panel-header > li[disabled]:focus,
+.acud-picker-panel-header > li[disabled]: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;
@@ -12001,20 +12021,27 @@ a {
   width: 240px;
 }
 .acud-picker-month-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-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-month-panel .acud-picker-cell-in-view.acud-picker-cell-in-range.acud-picker-cell-range-hover-start:hover {
+.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:hover,
-.acud-picker-month-panel .acud-picker-cell-in-view.acud-picker-cell-range-hover-start:hover {
+.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-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 {
@@ -12088,8 +12115,23 @@ a {
   color: #B8BABF;
 }
 .acud-picker-header-view button {
+  font-size: 12px;
   color: inherit;
-  font-weight: 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[disabled]:hover,
+.acud-picker-header-view button[disabled]:focus,
+.acud-picker-header-view button[disabled]:active {
+  color: #B8BABF;
 }
 .acud-picker-header-view button:not(:first-child) {
   margin-left: 8px;
@@ -12201,36 +12243,6 @@ a {
   font-weight: 400;
   font-size: 12px;
 }
-.acud-picker-content td {
-  background-color: #FFFFFF;
-  border-color: transparent;
-}
-.acud-picker-content td:hover {
-  background-color: #F7F7F9;
-}
-.acud-picker-content td:focus,
-.acud-picker-content td:active {
-  background-color: #2468F2;
-}
-.acud-picker-content td[disabled],
-.acud-picker-content td[disabled]:hover,
-.acud-picker-content td[disabled]:focus,
-.acud-picker-content td[disabled]:active {
-  background-color: #FFFFFF;
-}
-.acud-picker-content td:hover {
-  border-color: transparent;
-}
-.acud-picker-content td:focus,
-.acud-picker-content td:active {
-  border-color: transparent;
-}
-.acud-picker-content td[disabled],
-.acud-picker-content td[disabled]:hover,
-.acud-picker-content td[disabled]:focus,
-.acud-picker-content td[disabled]:active {
-  border-color: transparent;
-}
 .acud-picker-cell {
   cursor: pointer;
   color: #B8BABF;
@@ -12277,10 +12289,10 @@ a {
   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) {
+.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 !important;
 }
-.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) .acud-picker-cell-inner {
+.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 !important;
 }
 .acud-picker-cell-in-view.acud-picker-cell-in-range,
@@ -12325,6 +12337,9 @@ a {
 .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;
@@ -12365,6 +12380,9 @@ a {
   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%;
 }
@@ -12415,9 +12433,6 @@ tr > .acud-picker-cell-in-view.acud-picker-cell-range-hover-start:last-child::af
 .acud-picker-quarter-panel .acud-picker-content {
   height: 56px;
 }
-.acud-picker-date-panel .acud-picker-content td:hover {
-  border-radius: 2px;
-}
 .acud-picker-date-panel tr .acud-picker-cell:first-child::before {
   display: none;
 }
@@ -12436,8 +12451,8 @@ tr > .acud-picker-cell-in-view.acud-picker-cell-range-hover-start:last-child::af
   justify-content: space-between;
   width: 216px;
 }
-.acud-picker-date-panel .acud-picker-cell-in-view.acud-picker-cell-range-hover-end:hover,
-.acud-picker-date-panel .acud-picker-cell-in-view.acud-picker-cell-range-hover-start:hover {
+.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 {
@@ -12447,6 +12462,9 @@ tr > .acud-picker-cell-in-view.acud-picker-cell-range-hover-start:last-child::af
   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;
@@ -12458,8 +12476,20 @@ tr > .acud-picker-cell-in-view.acud-picker-cell-range-hover-start:last-child::af
 .acud-picker-today-btn.acud-picker-today-btn-disabled {
   cursor: not-allowed;
 }
-.acud-picker-decade-panel .acud-picker-cell-inner {
-  padding: 0 6px;
+.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;
@@ -12480,7 +12510,6 @@ tr > .acud-picker-cell-in-view.acud-picker-cell-range-hover-start:last-child::af
 .acud-picker-month-panel tr td {
   display: inline-block;
   margin-right: 12px;
-  border-radius: 2px;
 }
 .acud-picker-year-panel tr td:last-child,
 .acud-picker-quarter-panel tr td:last-child,
@@ -12518,6 +12547,13 @@ tr > .acud-picker-cell-in-view.acud-picker-cell-range-hover-start:last-child::af
 .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;
 }
@@ -12535,20 +12571,46 @@ tr > .acud-picker-cell-in-view.acud-picker-cell-range-hover-start:last-child::af
 }
 .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-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-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-range-hover-end,
-.acud-picker-month-panel tr td.acud-picker-cell-range-hover-end {
+.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;
 }
@@ -13888,6 +13950,9 @@ li.acud-dropdown-menu-submenu-active:hover,
 .acud-form-horizontal .acud-form-item-label:not([class*=' acud-col-']) {
   margin-right: 16px;
 }
+.acud-form-horizontal .acud-form-item-label > label {
+  padding-left: calc(.5em + 4px);
+}
 .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;
@@ -20613,6 +20678,34 @@ span.acud-radio-button {
 .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;
+  -webkit-animation-name: none;
+          animation-name: none;
+}
+.acud-switch-loading:hover:after {
+  width: 16px;
+  -webkit-animation-name: none;
+          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;
 }
@@ -20627,6 +20720,9 @@ span.acud-radio-button {
   -webkit-animation-name: none;
           animation-name: none;
 }
+.acud-switch-disabled .acud-switch-loading-icon {
+  color: #F2F2F4;
+}
 .acud-switch-label {
   display: inline-block;
   padding-left: 10px;