@qn-pandora/pandora-component 2.2.1 → 3.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (123) hide show
  1. package/CHANGELOG.json +25 -0
  2. package/CHANGELOG.md +11 -0
  3. package/es/components/AutoComplete/style.css +4 -1
  4. package/es/components/Button/index.js +1 -1
  5. package/es/components/Button/style.css +0 -1
  6. package/es/components/Button/style.less +0 -1
  7. package/es/components/Card/index.js +2 -1
  8. package/es/components/Card/style.css +10 -2
  9. package/es/components/CheckTransformList/Item/index.js +1 -1
  10. package/es/components/CheckTransformList/index.js +1 -1
  11. package/es/components/CheckTransformList/style.css +26 -8
  12. package/es/components/CheckboxList/index.d.ts +1 -0
  13. package/es/components/CheckboxList/index.js +3 -2
  14. package/es/components/Collapse/Panel/index.js +2 -1
  15. package/es/components/Collapse/index.js +2 -1
  16. package/es/components/CollapsiblePanel/index.d.ts +2 -2
  17. package/es/components/ConfigProvider/index.js +2 -1
  18. package/es/components/DateTimePicker/Base/index.js +2 -2
  19. package/es/components/DateTimePicker/Base/style.css +7 -12
  20. package/es/components/DateTimePicker/DisplayInput/style.css +17 -7
  21. package/es/components/DateTimePicker/constants.js +1 -1
  22. package/es/components/DateTimePicker/index.d.ts +2 -1
  23. package/es/components/DateTimePicker/style.css +155 -57
  24. package/es/components/Input/index.js +2 -1
  25. package/es/components/Input/style.css +17 -7
  26. package/es/components/InputNumber/style.css +1 -1
  27. package/es/components/Menu/Option.d.ts +1 -1
  28. package/es/components/Menu/index.d.ts +2 -2
  29. package/es/components/Menu/style.css +4 -0
  30. package/es/components/NameLimiter/index.d.ts +3 -13
  31. package/es/components/NameLimiter/index.js +31 -39
  32. package/es/components/NameLimiter/style.css +9 -1
  33. package/es/components/NameLimiter/style.less +10 -1
  34. package/es/components/OptionList/PopoverOptionList/style.css +155 -57
  35. package/es/components/OptionList/index.js +2 -1
  36. package/es/components/OptionList/style.css +155 -57
  37. package/es/components/RangeInput/style.css +18 -8
  38. package/es/components/RemarkName/index.d.ts +0 -2
  39. package/es/components/RemarkName/index.js +2 -4
  40. package/es/components/RemarkName/style.css +9 -5
  41. package/es/components/RemarkName/style.less +0 -5
  42. package/es/components/Selector/style.css +4 -1
  43. package/es/components/SolidRadioGroup/index.js +7 -4
  44. package/es/components/SolidRadioGroup/style.css +4 -1
  45. package/es/components/SolidRadioGroup/style.less +5 -0
  46. package/es/components/Steps/index.js +2 -1
  47. package/es/components/Table/index.d.ts +9 -24
  48. package/es/components/Table/index.js +40 -8
  49. package/es/components/Table/style.css +10 -6
  50. package/es/components/Tabs/style.css +10 -2
  51. package/es/components/TagList/Tag/style.css +3 -3
  52. package/es/components/TagList/Tag/style.less +3 -3
  53. package/es/components/TagList/index.js +3 -2
  54. package/es/components/TagList/style.css +3 -3
  55. package/es/components/TagList/style.less +8 -8
  56. package/es/index.css +225 -97
  57. package/es/index.d.ts +1 -1
  58. package/es/index.js +1 -1
  59. package/es/index.less +1 -1
  60. package/es/style/theme.less +4 -3
  61. package/lib/components/AutoComplete/style.css +4 -1
  62. package/lib/components/Button/index.js +1 -1
  63. package/lib/components/Button/style.css +0 -1
  64. package/lib/components/Button/style.less +0 -1
  65. package/lib/components/Card/index.js +1 -1
  66. package/lib/components/Card/style.css +10 -2
  67. package/lib/components/CheckTransformList/Item/index.js +1 -1
  68. package/lib/components/CheckTransformList/index.js +1 -1
  69. package/lib/components/CheckTransformList/style.css +26 -8
  70. package/lib/components/CheckboxList/index.d.ts +1 -0
  71. package/lib/components/CheckboxList/index.js +3 -2
  72. package/lib/components/Collapse/Panel/index.js +2 -1
  73. package/lib/components/Collapse/index.js +1 -1
  74. package/lib/components/CollapsiblePanel/index.d.ts +2 -2
  75. package/lib/components/ConfigProvider/index.js +1 -1
  76. package/lib/components/DateTimePicker/Base/index.js +2 -2
  77. package/lib/components/DateTimePicker/Base/style.css +7 -12
  78. package/lib/components/DateTimePicker/DisplayInput/style.css +17 -7
  79. package/lib/components/DateTimePicker/constants.js +1 -1
  80. package/lib/components/DateTimePicker/index.d.ts +2 -1
  81. package/lib/components/DateTimePicker/style.css +155 -57
  82. package/lib/components/Input/index.js +1 -1
  83. package/lib/components/Input/style.css +17 -7
  84. package/lib/components/InputNumber/style.css +1 -1
  85. package/lib/components/Menu/Option.d.ts +1 -1
  86. package/lib/components/Menu/index.d.ts +2 -2
  87. package/lib/components/Menu/style.css +4 -0
  88. package/lib/components/NameLimiter/index.d.ts +3 -13
  89. package/lib/components/NameLimiter/index.js +31 -38
  90. package/lib/components/NameLimiter/style.css +9 -1
  91. package/lib/components/NameLimiter/style.less +10 -1
  92. package/lib/components/OptionList/PopoverOptionList/style.css +155 -57
  93. package/lib/components/OptionList/index.js +1 -1
  94. package/lib/components/OptionList/style.css +155 -57
  95. package/lib/components/RangeInput/style.css +18 -8
  96. package/lib/components/RemarkName/index.d.ts +0 -2
  97. package/lib/components/RemarkName/index.js +2 -4
  98. package/lib/components/RemarkName/style.css +9 -5
  99. package/lib/components/RemarkName/style.less +0 -5
  100. package/lib/components/Selector/style.css +4 -1
  101. package/lib/components/SolidRadioGroup/index.js +6 -3
  102. package/lib/components/SolidRadioGroup/style.css +4 -1
  103. package/lib/components/SolidRadioGroup/style.less +5 -0
  104. package/lib/components/Steps/index.js +1 -1
  105. package/lib/components/Table/index.d.ts +9 -24
  106. package/lib/components/Table/index.js +39 -7
  107. package/lib/components/Table/style.css +10 -6
  108. package/lib/components/Tabs/style.css +10 -2
  109. package/lib/components/TagList/Tag/style.css +3 -3
  110. package/lib/components/TagList/Tag/style.less +3 -3
  111. package/lib/components/TagList/index.js +2 -2
  112. package/lib/components/TagList/style.css +3 -3
  113. package/lib/components/TagList/style.less +8 -8
  114. package/lib/index.css +1985 -1857
  115. package/lib/index.d.ts +1 -1
  116. package/lib/index.js +0 -1
  117. package/lib/index.less +4 -4
  118. package/lib/style/theme.less +4 -3
  119. package/package.json +24 -24
  120. package/es/components/NameLimiter/transformer.d.ts +0 -6
  121. package/es/components/NameLimiter/transformer.js +0 -84
  122. package/lib/components/NameLimiter/transformer.d.ts +0 -6
  123. package/lib/components/NameLimiter/transformer.js +0 -91
package/lib/index.css CHANGED
@@ -2019,7 +2019,6 @@ a.ant-btn-sm {
2019
2019
  .pandora-sdk-button {
2020
2020
  -webkit-box-shadow: none;
2021
2021
  box-shadow: none;
2022
- border-radius: 2px;
2023
2022
  }
2024
2023
  .pandora-sdk-button.pandora-sdk-button-disabled {
2025
2024
  background: #eee !important;
@@ -2071,7 +2070,7 @@ a.ant-btn-sm {
2071
2070
  color: inherit;
2072
2071
  vertical-align: middle;
2073
2072
  }
2074
- .ant-divider {
2073
+ .ant-card {
2075
2074
  -webkit-box-sizing: border-box;
2076
2075
  box-sizing: border-box;
2077
2076
  margin: 0;
@@ -2083,656 +2082,635 @@ a.ant-btn-sm {
2083
2082
  list-style: none;
2084
2083
  -webkit-font-feature-settings: 'tnum';
2085
2084
  font-feature-settings: 'tnum';
2086
- border-top: 1px solid rgba(0, 0, 0, 0.06);
2087
- }
2088
- .ant-divider-vertical {
2089
2085
  position: relative;
2090
- top: -0.06em;
2091
- display: inline-block;
2092
- height: 0.9em;
2093
- margin: 0 8px;
2094
- vertical-align: middle;
2095
- border-top: 0;
2096
- border-left: 1px solid rgba(0, 0, 0, 0.06);
2086
+ background: #fff;
2087
+ border-radius: 2px;
2097
2088
  }
2098
- .ant-divider-horizontal {
2099
- display: -webkit-box;
2100
- display: -ms-flexbox;
2101
- display: flex;
2102
- clear: both;
2103
- width: 100%;
2104
- min-width: 100%;
2105
- margin: 24px 0;
2089
+ .ant-card-rtl {
2090
+ direction: rtl;
2106
2091
  }
2107
- .ant-divider-horizontal.ant-divider-with-text {
2108
- display: -webkit-box;
2109
- display: -ms-flexbox;
2110
- display: flex;
2111
- margin: 16px 0;
2092
+ .ant-card-hoverable {
2093
+ cursor: pointer;
2094
+ -webkit-transition: border-color 0.3s, -webkit-box-shadow 0.3s;
2095
+ transition: border-color 0.3s, -webkit-box-shadow 0.3s;
2096
+ transition: box-shadow 0.3s, border-color 0.3s;
2097
+ transition: box-shadow 0.3s, border-color 0.3s, -webkit-box-shadow 0.3s;
2098
+ }
2099
+ .ant-card-hoverable:hover {
2100
+ border-color: transparent;
2101
+ -webkit-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);
2102
+ 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);
2103
+ }
2104
+ .ant-card-bordered {
2105
+ border: 1px solid #f0f0f0;
2106
+ }
2107
+ .ant-card-head {
2108
+ min-height: 48px;
2109
+ margin-bottom: -1px;
2110
+ padding: 0 24px;
2112
2111
  color: rgba(0, 0, 0, 0.85);
2113
2112
  font-weight: 500;
2114
2113
  font-size: 16px;
2115
- white-space: nowrap;
2116
- text-align: center;
2117
- border-top: 0;
2118
- border-top-color: rgba(0, 0, 0, 0.06);
2114
+ background: transparent;
2115
+ border-bottom: 1px solid #f0f0f0;
2116
+ border-radius: 2px 2px 0 0;
2119
2117
  }
2120
- .ant-divider-horizontal.ant-divider-with-text::before,
2121
- .ant-divider-horizontal.ant-divider-with-text::after {
2122
- position: relative;
2123
- top: 50%;
2124
- width: 50%;
2125
- border-top: 1px solid transparent;
2126
- border-top-color: inherit;
2127
- border-bottom: 0;
2128
- -webkit-transform: translateY(50%);
2129
- transform: translateY(50%);
2118
+ .ant-card-head::before {
2119
+ display: table;
2130
2120
  content: '';
2131
2121
  }
2132
- .ant-divider-horizontal.ant-divider-with-text-left::before {
2133
- top: 50%;
2134
- width: 5%;
2135
- }
2136
- .ant-divider-horizontal.ant-divider-with-text-left::after {
2137
- top: 50%;
2138
- width: 95%;
2139
- }
2140
- .ant-divider-horizontal.ant-divider-with-text-right::before {
2141
- top: 50%;
2142
- width: 95%;
2122
+ .ant-card-head::after {
2123
+ display: table;
2124
+ clear: both;
2125
+ content: '';
2143
2126
  }
2144
- .ant-divider-horizontal.ant-divider-with-text-right::after {
2145
- top: 50%;
2146
- width: 5%;
2127
+ .ant-card-head-wrapper {
2128
+ display: -webkit-box;
2129
+ display: -ms-flexbox;
2130
+ display: flex;
2131
+ -webkit-box-align: center;
2132
+ -ms-flex-align: center;
2133
+ align-items: center;
2147
2134
  }
2148
- .ant-divider-inner-text {
2135
+ .ant-card-head-title {
2149
2136
  display: inline-block;
2150
- padding: 0 1em;
2151
- }
2152
- .ant-divider-dashed {
2153
- background: none;
2154
- border-color: rgba(0, 0, 0, 0.06);
2155
- border-style: dashed;
2156
- border-width: 1px 0 0;
2137
+ -webkit-box-flex: 1;
2138
+ -ms-flex: 1;
2139
+ flex: 1;
2140
+ padding: 16px 0;
2141
+ overflow: hidden;
2142
+ white-space: nowrap;
2143
+ text-overflow: ellipsis;
2157
2144
  }
2158
- .ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed {
2159
- border-top: 0;
2145
+ .ant-card-head-title > .ant-typography,
2146
+ .ant-card-head-title > .ant-typography-edit-content {
2147
+ left: 0;
2148
+ margin-top: 0;
2149
+ margin-bottom: 0;
2160
2150
  }
2161
- .ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed::before,
2162
- .ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed::after {
2163
- border-style: dashed none none;
2151
+ .ant-card-head .ant-tabs {
2152
+ clear: both;
2153
+ margin-bottom: -17px;
2154
+ color: rgba(0, 0, 0, 0.85);
2155
+ font-weight: normal;
2156
+ font-size: 14px;
2164
2157
  }
2165
- .ant-divider-vertical.ant-divider-dashed {
2166
- border-width: 0 0 0 1px;
2158
+ .ant-card-head .ant-tabs-bar {
2159
+ border-bottom: 1px solid #f0f0f0;
2167
2160
  }
2168
- .ant-divider-plain.ant-divider-with-text {
2161
+ .ant-card-extra {
2162
+ float: right;
2163
+ margin-left: auto;
2164
+ padding: 16px 0;
2169
2165
  color: rgba(0, 0, 0, 0.85);
2170
2166
  font-weight: normal;
2171
2167
  font-size: 14px;
2172
2168
  }
2173
- .ant-divider-rtl {
2174
- direction: rtl;
2169
+ .ant-card-rtl .ant-card-extra {
2170
+ margin-right: auto;
2171
+ margin-left: 0;
2175
2172
  }
2176
- .ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-left::before {
2177
- width: 95%;
2173
+ .ant-card-body {
2174
+ padding: 24px;
2178
2175
  }
2179
- .ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-left::after {
2180
- width: 5%;
2176
+ .ant-card-body::before {
2177
+ display: table;
2178
+ content: '';
2181
2179
  }
2182
- .ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-right::before {
2183
- width: 5%;
2180
+ .ant-card-body::after {
2181
+ display: table;
2182
+ clear: both;
2183
+ content: '';
2184
2184
  }
2185
- .ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-right::after {
2186
- width: 95%;
2185
+ .ant-card-contain-grid:not(.ant-card-loading) .ant-card-body {
2186
+ margin: -1px 0 0 -1px;
2187
+ padding: 0;
2187
2188
  }
2188
- @-webkit-keyframes antCheckboxEffect {
2189
- 0% {
2190
- -webkit-transform: scale(1);
2191
- transform: scale(1);
2192
- opacity: 0.5;
2193
- }
2194
- 100% {
2195
- -webkit-transform: scale(1.6);
2196
- transform: scale(1.6);
2197
- opacity: 0;
2198
- }
2189
+ .ant-card-grid {
2190
+ float: left;
2191
+ width: 33.33%;
2192
+ padding: 24px;
2193
+ border: 0;
2194
+ border-radius: 0;
2195
+ -webkit-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;
2196
+ 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;
2197
+ -webkit-transition: all 0.3s;
2198
+ transition: all 0.3s;
2199
2199
  }
2200
- @keyframes antCheckboxEffect {
2201
- 0% {
2202
- -webkit-transform: scale(1);
2203
- transform: scale(1);
2204
- opacity: 0.5;
2205
- }
2206
- 100% {
2207
- -webkit-transform: scale(1.6);
2208
- transform: scale(1.6);
2209
- opacity: 0;
2210
- }
2200
+ .ant-card-rtl .ant-card-grid {
2201
+ float: right;
2211
2202
  }
2212
- .ant-checkbox {
2213
- -webkit-box-sizing: border-box;
2214
- box-sizing: border-box;
2215
- margin: 0;
2216
- padding: 0;
2217
- color: rgba(0, 0, 0, 0.85);
2218
- font-size: 14px;
2219
- font-variant: tabular-nums;
2220
- line-height: 1.5715;
2221
- list-style: none;
2222
- -webkit-font-feature-settings: 'tnum';
2223
- font-feature-settings: 'tnum';
2203
+ .ant-card-grid-hoverable:hover {
2224
2204
  position: relative;
2225
- top: 0.2em;
2226
- line-height: 1;
2227
- white-space: nowrap;
2228
- outline: none;
2229
- cursor: pointer;
2205
+ z-index: 1;
2206
+ -webkit-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);
2207
+ 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);
2230
2208
  }
2231
- .ant-checkbox-wrapper:hover .ant-checkbox-inner,
2232
- .ant-checkbox:hover .ant-checkbox-inner,
2233
- .ant-checkbox-input:focus + .ant-checkbox-inner {
2234
- border-color: #1890ff;
2209
+ .ant-card-contain-tabs > .ant-card-head .ant-card-head-title {
2210
+ min-height: 32px;
2211
+ padding-bottom: 0;
2235
2212
  }
2236
- .ant-checkbox-checked::after {
2237
- position: absolute;
2238
- top: 0;
2239
- left: 0;
2240
- width: 100%;
2241
- height: 100%;
2242
- border: 1px solid #1890ff;
2243
- border-radius: 2px;
2244
- visibility: hidden;
2245
- -webkit-animation: antCheckboxEffect 0.36s ease-in-out;
2246
- animation: antCheckboxEffect 0.36s ease-in-out;
2247
- -webkit-animation-fill-mode: backwards;
2248
- animation-fill-mode: backwards;
2249
- content: '';
2213
+ .ant-card-contain-tabs > .ant-card-head .ant-card-extra {
2214
+ padding-bottom: 0;
2250
2215
  }
2251
- .ant-checkbox:hover::after,
2252
- .ant-checkbox-wrapper:hover .ant-checkbox::after {
2253
- visibility: visible;
2216
+ .ant-card-bordered .ant-card-cover {
2217
+ margin-top: -1px;
2218
+ margin-right: -1px;
2219
+ margin-left: -1px;
2254
2220
  }
2255
- .ant-checkbox-inner {
2256
- position: relative;
2257
- top: 0;
2258
- left: 0;
2221
+ .ant-card-cover > * {
2259
2222
  display: block;
2260
- width: 16px;
2261
- height: 16px;
2262
- direction: ltr;
2263
- background-color: #fff;
2264
- border: 1px solid #d9d9d9;
2265
- border-radius: 2px;
2266
- border-collapse: separate;
2267
- -webkit-transition: all 0.3s;
2268
- transition: all 0.3s;
2269
- }
2270
- .ant-checkbox-inner::after {
2271
- position: absolute;
2272
- top: 50%;
2273
- left: 22%;
2274
- display: table;
2275
- width: 5.71428571px;
2276
- height: 9.14285714px;
2277
- border: 2px solid #fff;
2278
- border-top: 0;
2279
- border-left: 0;
2280
- -webkit-transform: rotate(45deg) scale(0) translate(-50%, -50%);
2281
- transform: rotate(45deg) scale(0) translate(-50%, -50%);
2282
- opacity: 0;
2283
- -webkit-transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
2284
- transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
2285
- content: ' ';
2286
- }
2287
- .ant-checkbox-input {
2288
- position: absolute;
2289
- top: 0;
2290
- right: 0;
2291
- bottom: 0;
2292
- left: 0;
2293
- z-index: 1;
2294
2223
  width: 100%;
2295
- height: 100%;
2296
- cursor: pointer;
2297
- opacity: 0;
2298
- }
2299
- .ant-checkbox-checked .ant-checkbox-inner::after {
2300
- position: absolute;
2301
- display: table;
2302
- border: 2px solid #fff;
2303
- border-top: 0;
2304
- border-left: 0;
2305
- -webkit-transform: rotate(45deg) scale(1) translate(-50%, -50%);
2306
- transform: rotate(45deg) scale(1) translate(-50%, -50%);
2307
- opacity: 1;
2308
- -webkit-transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
2309
- transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
2310
- content: ' ';
2311
- }
2312
- .ant-checkbox-checked .ant-checkbox-inner {
2313
- background-color: #1890ff;
2314
- border-color: #1890ff;
2315
- }
2316
- .ant-checkbox-disabled {
2317
- cursor: not-allowed;
2318
2224
  }
2319
- .ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner::after {
2320
- border-color: rgba(0, 0, 0, 0.25);
2321
- -webkit-animation-name: none;
2322
- animation-name: none;
2225
+ .ant-card-cover img {
2226
+ border-radius: 2px 2px 0 0;
2323
2227
  }
2324
- .ant-checkbox-disabled .ant-checkbox-input {
2325
- cursor: not-allowed;
2228
+ .ant-card-actions {
2229
+ margin: 0;
2230
+ padding: 0;
2231
+ list-style: none;
2232
+ background: #fff;
2233
+ border-top: 1px solid #f0f0f0;
2326
2234
  }
2327
- .ant-checkbox-disabled .ant-checkbox-inner {
2328
- background-color: #f5f5f5;
2329
- border-color: #d9d9d9 !important;
2235
+ .ant-card-actions::before {
2236
+ display: table;
2237
+ content: '';
2330
2238
  }
2331
- .ant-checkbox-disabled .ant-checkbox-inner::after {
2332
- border-color: #f5f5f5;
2333
- border-collapse: separate;
2334
- -webkit-animation-name: none;
2335
- animation-name: none;
2239
+ .ant-card-actions::after {
2240
+ display: table;
2241
+ clear: both;
2242
+ content: '';
2336
2243
  }
2337
- .ant-checkbox-disabled + span {
2338
- color: rgba(0, 0, 0, 0.25);
2339
- cursor: not-allowed;
2244
+ .ant-card-actions > li {
2245
+ float: left;
2246
+ margin: 12px 0;
2247
+ color: rgba(0, 0, 0, 0.45);
2248
+ text-align: center;
2340
2249
  }
2341
- .ant-checkbox-disabled:hover::after,
2342
- .ant-checkbox-wrapper:hover .ant-checkbox-disabled::after {
2343
- visibility: hidden;
2250
+ .ant-card-rtl .ant-card-actions > li {
2251
+ float: right;
2344
2252
  }
2345
- .ant-checkbox-wrapper {
2346
- -webkit-box-sizing: border-box;
2347
- box-sizing: border-box;
2348
- margin: 0;
2349
- padding: 0;
2350
- color: rgba(0, 0, 0, 0.85);
2253
+ .ant-card-actions > li > span {
2254
+ position: relative;
2255
+ display: block;
2256
+ min-width: 32px;
2351
2257
  font-size: 14px;
2352
- font-variant: tabular-nums;
2353
2258
  line-height: 1.5715;
2354
- list-style: none;
2355
- -webkit-font-feature-settings: 'tnum';
2356
- font-feature-settings: 'tnum';
2357
- display: -webkit-inline-box;
2358
- display: -ms-inline-flexbox;
2359
- display: inline-flex;
2360
- -webkit-box-align: baseline;
2361
- -ms-flex-align: baseline;
2362
- align-items: baseline;
2363
- line-height: unset;
2364
2259
  cursor: pointer;
2365
2260
  }
2366
- .ant-checkbox-wrapper::after {
2261
+ .ant-card-actions > li > span:hover {
2262
+ color: #1890ff;
2263
+ -webkit-transition: color 0.3s;
2264
+ transition: color 0.3s;
2265
+ }
2266
+ .ant-card-actions > li > span a:not(.ant-btn),
2267
+ .ant-card-actions > li > span > .anticon {
2367
2268
  display: inline-block;
2368
- width: 0;
2369
- overflow: hidden;
2370
- content: '\a0';
2269
+ width: 100%;
2270
+ color: rgba(0, 0, 0, 0.45);
2271
+ line-height: 22px;
2272
+ -webkit-transition: color 0.3s;
2273
+ transition: color 0.3s;
2371
2274
  }
2372
- .ant-checkbox-wrapper.ant-checkbox-wrapper-disabled {
2373
- cursor: not-allowed;
2275
+ .ant-card-actions > li > span a:not(.ant-btn):hover,
2276
+ .ant-card-actions > li > span > .anticon:hover {
2277
+ color: #1890ff;
2374
2278
  }
2375
- .ant-checkbox-wrapper + .ant-checkbox-wrapper {
2376
- margin-left: 8px;
2279
+ .ant-card-actions > li > span > .anticon {
2280
+ font-size: 16px;
2281
+ line-height: 22px;
2377
2282
  }
2378
- .ant-checkbox + span {
2379
- padding-right: 8px;
2380
- padding-left: 8px;
2283
+ .ant-card-actions > li:not(:last-child) {
2284
+ border-right: 1px solid #f0f0f0;
2381
2285
  }
2382
- .ant-checkbox-group {
2383
- -webkit-box-sizing: border-box;
2384
- box-sizing: border-box;
2385
- margin: 0;
2386
- padding: 0;
2387
- color: rgba(0, 0, 0, 0.85);
2388
- font-size: 14px;
2389
- font-variant: tabular-nums;
2390
- line-height: 1.5715;
2391
- list-style: none;
2392
- -webkit-font-feature-settings: 'tnum';
2393
- font-feature-settings: 'tnum';
2394
- display: inline-block;
2286
+ .ant-card-rtl .ant-card-actions > li:not(:last-child) {
2287
+ border-right: none;
2288
+ border-left: 1px solid #f0f0f0;
2395
2289
  }
2396
- .ant-checkbox-group-item {
2397
- margin-right: 8px;
2290
+ .ant-card-type-inner .ant-card-head {
2291
+ padding: 0 24px;
2292
+ background: #fafafa;
2398
2293
  }
2399
- .ant-checkbox-group-item:last-child {
2400
- margin-right: 0;
2294
+ .ant-card-type-inner .ant-card-head-title {
2295
+ padding: 12px 0;
2296
+ font-size: 14px;
2401
2297
  }
2402
- .ant-checkbox-group-item + .ant-checkbox-group-item {
2403
- margin-left: 0;
2298
+ .ant-card-type-inner .ant-card-body {
2299
+ padding: 16px 24px;
2404
2300
  }
2405
- .ant-checkbox-indeterminate .ant-checkbox-inner {
2406
- background-color: #fff;
2407
- border-color: #d9d9d9;
2301
+ .ant-card-type-inner .ant-card-extra {
2302
+ padding: 13.5px 0;
2408
2303
  }
2409
- .ant-checkbox-indeterminate .ant-checkbox-inner::after {
2410
- top: 50%;
2411
- left: 50%;
2412
- width: 8px;
2413
- height: 8px;
2414
- background-color: #1890ff;
2415
- border: 0;
2416
- -webkit-transform: translate(-50%, -50%) scale(1);
2417
- transform: translate(-50%, -50%) scale(1);
2418
- opacity: 1;
2419
- content: ' ';
2304
+ .ant-card-meta {
2305
+ margin: -4px 0;
2420
2306
  }
2421
- .ant-checkbox-indeterminate.ant-checkbox-disabled .ant-checkbox-inner::after {
2422
- background-color: rgba(0, 0, 0, 0.25);
2423
- border-color: rgba(0, 0, 0, 0.25);
2307
+ .ant-card-meta::before {
2308
+ display: table;
2309
+ content: '';
2424
2310
  }
2425
- .ant-checkbox-rtl {
2426
- direction: rtl;
2311
+ .ant-card-meta::after {
2312
+ display: table;
2313
+ clear: both;
2314
+ content: '';
2427
2315
  }
2428
- .ant-checkbox-group-rtl .ant-checkbox-group-item {
2429
- margin-right: 0;
2430
- margin-left: 8px;
2316
+ .ant-card-meta-avatar {
2317
+ float: left;
2318
+ padding-right: 16px;
2431
2319
  }
2432
- .ant-checkbox-group-rtl .ant-checkbox-group-item:last-child {
2433
- margin-left: 0 !important;
2320
+ .ant-card-rtl .ant-card-meta-avatar {
2321
+ float: right;
2322
+ padding-right: 0;
2323
+ padding-left: 16px;
2434
2324
  }
2435
- .ant-checkbox-group-rtl .ant-checkbox-group-item + .ant-checkbox-group-item {
2436
- margin-left: 8px;
2325
+ .ant-card-meta-detail {
2326
+ overflow: hidden;
2437
2327
  }
2438
- .ant-input-affix-wrapper {
2439
- position: relative;
2440
- display: inline-block;
2441
- width: 100%;
2442
- min-width: 0;
2443
- padding: 4px 11px;
2328
+ .ant-card-meta-detail > div:not(:last-child) {
2329
+ margin-bottom: 8px;
2330
+ }
2331
+ .ant-card-meta-title {
2332
+ overflow: hidden;
2444
2333
  color: rgba(0, 0, 0, 0.85);
2445
- font-size: 14px;
2446
- line-height: 1.5715;
2447
- background-color: #fff;
2448
- background-image: none;
2449
- border: 1px solid #d9d9d9;
2450
- border-radius: 2px;
2451
- -webkit-transition: all 0.3s;
2452
- transition: all 0.3s;
2453
- display: -webkit-inline-box;
2454
- display: -ms-inline-flexbox;
2455
- display: inline-flex;
2334
+ font-weight: 500;
2335
+ font-size: 16px;
2336
+ white-space: nowrap;
2337
+ text-overflow: ellipsis;
2456
2338
  }
2457
- .ant-input-affix-wrapper::-moz-placeholder {
2458
- opacity: 1;
2339
+ .ant-card-meta-description {
2340
+ color: rgba(0, 0, 0, 0.45);
2459
2341
  }
2460
- .ant-input-affix-wrapper::-webkit-input-placeholder {
2461
- color: #bfbfbf;
2342
+ .ant-card-loading {
2343
+ overflow: hidden;
2462
2344
  }
2463
- .ant-input-affix-wrapper::-ms-input-placeholder {
2464
- color: #bfbfbf;
2465
- }
2466
- .ant-input-affix-wrapper::placeholder {
2467
- color: #bfbfbf;
2468
- }
2469
- .ant-input-affix-wrapper:placeholder-shown {
2470
- text-overflow: ellipsis;
2471
- }
2472
- .ant-input-affix-wrapper:hover {
2473
- border-color: #40a9ff;
2474
- border-right-width: 1px !important;
2345
+ .ant-card-loading .ant-card-body {
2346
+ -webkit-user-select: none;
2347
+ -moz-user-select: none;
2348
+ -ms-user-select: none;
2349
+ user-select: none;
2475
2350
  }
2476
- .ant-input-rtl .ant-input-affix-wrapper:hover {
2477
- border-right-width: 0;
2478
- border-left-width: 1px !important;
2351
+ .ant-card-loading-content p {
2352
+ margin: 0;
2479
2353
  }
2480
- .ant-input-affix-wrapper:focus,
2481
- .ant-input-affix-wrapper-focused {
2482
- border-color: #40a9ff;
2483
- border-right-width: 1px !important;
2484
- outline: 0;
2485
- -webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
2486
- box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
2354
+ .ant-card-loading-block {
2355
+ height: 14px;
2356
+ margin: 4px 0;
2357
+ background: -webkit-gradient(linear, left top, right top, from(rgba(207, 216, 220, 0.2)), color-stop(rgba(207, 216, 220, 0.4)), to(rgba(207, 216, 220, 0.2)));
2358
+ background: linear-gradient(90deg, rgba(207, 216, 220, 0.2), rgba(207, 216, 220, 0.4), rgba(207, 216, 220, 0.2));
2359
+ background-size: 600% 600%;
2360
+ border-radius: 2px;
2361
+ -webkit-animation: card-loading 1.4s ease infinite;
2362
+ animation: card-loading 1.4s ease infinite;
2487
2363
  }
2488
- .ant-input-rtl .ant-input-affix-wrapper:focus,
2489
- .ant-input-rtl .ant-input-affix-wrapper-focused {
2490
- border-right-width: 0;
2491
- border-left-width: 1px !important;
2364
+ @-webkit-keyframes card-loading {
2365
+ 0%,
2366
+ 100% {
2367
+ background-position: 0 50%;
2368
+ }
2369
+ 50% {
2370
+ background-position: 100% 50%;
2371
+ }
2492
2372
  }
2493
- .ant-input-affix-wrapper-disabled {
2494
- color: rgba(0, 0, 0, 0.25);
2495
- background-color: #f5f5f5;
2496
- cursor: not-allowed;
2497
- opacity: 1;
2373
+ @keyframes card-loading {
2374
+ 0%,
2375
+ 100% {
2376
+ background-position: 0 50%;
2377
+ }
2378
+ 50% {
2379
+ background-position: 100% 50%;
2380
+ }
2498
2381
  }
2499
- .ant-input-affix-wrapper-disabled:hover {
2500
- border-color: #d9d9d9;
2501
- border-right-width: 1px !important;
2382
+ .ant-card-small > .ant-card-head {
2383
+ min-height: 36px;
2384
+ padding: 0 12px;
2385
+ font-size: 14px;
2502
2386
  }
2503
- .ant-input-affix-wrapper[disabled] {
2504
- color: rgba(0, 0, 0, 0.25);
2505
- background-color: #f5f5f5;
2506
- cursor: not-allowed;
2507
- opacity: 1;
2387
+ .ant-card-small > .ant-card-head > .ant-card-head-wrapper > .ant-card-head-title {
2388
+ padding: 8px 0;
2508
2389
  }
2509
- .ant-input-affix-wrapper[disabled]:hover {
2510
- border-color: #d9d9d9;
2511
- border-right-width: 1px !important;
2390
+ .ant-card-small > .ant-card-head > .ant-card-head-wrapper > .ant-card-extra {
2391
+ padding: 8px 0;
2392
+ font-size: 14px;
2512
2393
  }
2513
- .ant-input-affix-wrapper-borderless,
2514
- .ant-input-affix-wrapper-borderless:hover,
2515
- .ant-input-affix-wrapper-borderless:focus,
2516
- .ant-input-affix-wrapper-borderless-focused,
2517
- .ant-input-affix-wrapper-borderless-disabled,
2518
- .ant-input-affix-wrapper-borderless[disabled] {
2519
- background-color: transparent;
2520
- border: none;
2521
- -webkit-box-shadow: none;
2522
- box-shadow: none;
2394
+ .ant-card-small > .ant-card-body {
2395
+ padding: 12px;
2523
2396
  }
2524
- textarea.ant-input-affix-wrapper {
2525
- max-width: 100%;
2526
- height: auto;
2527
- min-height: 32px;
2528
- line-height: 1.5715;
2529
- vertical-align: bottom;
2530
- -webkit-transition: all 0.3s, height 0s;
2531
- transition: all 0.3s, height 0s;
2397
+ .ant-tabs-small > .ant-tabs-nav .ant-tabs-tab {
2398
+ padding: 8px 0;
2399
+ font-size: 14px;
2532
2400
  }
2533
- .ant-input-affix-wrapper-lg {
2534
- padding: 6.5px 11px;
2401
+ .ant-tabs-large > .ant-tabs-nav .ant-tabs-tab {
2402
+ padding: 16px 0;
2535
2403
  font-size: 16px;
2536
2404
  }
2537
- .ant-input-affix-wrapper-sm {
2538
- padding: 0px 7px;
2405
+ .ant-tabs-card.ant-tabs-small > .ant-tabs-nav .ant-tabs-tab {
2406
+ padding: 6px 16px;
2539
2407
  }
2540
- .ant-input-affix-wrapper-rtl {
2408
+ .ant-tabs-card.ant-tabs-large > .ant-tabs-nav .ant-tabs-tab {
2409
+ padding: 7px 16px 6px;
2410
+ }
2411
+ .ant-tabs-rtl {
2541
2412
  direction: rtl;
2542
2413
  }
2543
- .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover {
2544
- border-color: #40a9ff;
2545
- border-right-width: 1px !important;
2546
- z-index: 1;
2414
+ .ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab {
2415
+ margin: 0 0 0 32px;
2547
2416
  }
2548
- .ant-input-rtl .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover {
2549
- border-right-width: 0;
2550
- border-left-width: 1px !important;
2417
+ .ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab:last-of-type {
2418
+ margin-left: 0;
2551
2419
  }
2552
- .ant-input-search-with-button .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover {
2553
- z-index: 0;
2420
+ .ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .anticon {
2421
+ margin-right: 0;
2422
+ margin-left: 12px;
2554
2423
  }
2555
- .ant-input-affix-wrapper-focused,
2556
- .ant-input-affix-wrapper:focus {
2557
- z-index: 1;
2424
+ .ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove {
2425
+ margin-right: 8px;
2426
+ margin-left: -4px;
2558
2427
  }
2559
- .ant-input-affix-wrapper-disabled .ant-input[disabled] {
2560
- background: transparent;
2428
+ .ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove .anticon {
2429
+ margin: 0;
2561
2430
  }
2562
- .ant-input-affix-wrapper > input.ant-input {
2563
- padding: 0;
2564
- border: none;
2565
- outline: none;
2431
+ .ant-tabs-rtl.ant-tabs-left > .ant-tabs-nav {
2432
+ -webkit-box-ordinal-group: 2;
2433
+ -ms-flex-order: 1;
2434
+ order: 1;
2566
2435
  }
2567
- .ant-input-affix-wrapper > input.ant-input:focus {
2568
- -webkit-box-shadow: none;
2569
- box-shadow: none;
2436
+ .ant-tabs-rtl.ant-tabs-left > .ant-tabs-content-holder {
2437
+ -webkit-box-ordinal-group: 1;
2438
+ -ms-flex-order: 0;
2439
+ order: 0;
2570
2440
  }
2571
- .ant-input-affix-wrapper::before {
2572
- width: 0;
2573
- visibility: hidden;
2574
- content: '\a0';
2441
+ .ant-tabs-rtl.ant-tabs-right > .ant-tabs-nav {
2442
+ -webkit-box-ordinal-group: 1;
2443
+ -ms-flex-order: 0;
2444
+ order: 0;
2575
2445
  }
2576
- .ant-input-prefix,
2577
- .ant-input-suffix {
2578
- display: -webkit-box;
2579
- display: -ms-flexbox;
2580
- display: flex;
2581
- -webkit-box-flex: 0;
2582
- -ms-flex: none;
2583
- flex: none;
2584
- -webkit-box-align: center;
2585
- -ms-flex-align: center;
2586
- align-items: center;
2446
+ .ant-tabs-rtl.ant-tabs-right > .ant-tabs-content-holder {
2447
+ -webkit-box-ordinal-group: 2;
2448
+ -ms-flex-order: 1;
2449
+ order: 1;
2587
2450
  }
2588
- .ant-input-prefix {
2589
- margin-right: 4px;
2451
+ .ant-tabs-rtl.ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
2452
+ .ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
2453
+ .ant-tabs-rtl.ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
2454
+ .ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab {
2455
+ margin-right: 2px;
2456
+ margin-left: 0;
2590
2457
  }
2591
- .ant-input-suffix {
2592
- margin-left: 4px;
2458
+ .ant-tabs-rtl.ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-add,
2459
+ .ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-add,
2460
+ .ant-tabs-rtl.ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-add,
2461
+ .ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-add {
2462
+ margin-right: 2px;
2463
+ margin-left: 0;
2593
2464
  }
2594
- .ant-input-clear-icon {
2595
- margin: 0 4px;
2596
- color: rgba(0, 0, 0, 0.25);
2597
- font-size: 12px;
2598
- vertical-align: -1px;
2599
- cursor: pointer;
2600
- -webkit-transition: color 0.3s;
2601
- transition: color 0.3s;
2465
+ .ant-tabs-dropdown-rtl {
2466
+ direction: rtl;
2602
2467
  }
2603
- .ant-input-clear-icon:hover {
2604
- color: rgba(0, 0, 0, 0.45);
2468
+ .ant-tabs-dropdown-rtl .ant-tabs-dropdown-menu-item {
2469
+ text-align: right;
2605
2470
  }
2606
- .ant-input-clear-icon:active {
2607
- color: rgba(0, 0, 0, 0.85);
2471
+ .ant-tabs-top,
2472
+ .ant-tabs-bottom {
2473
+ -webkit-box-orient: vertical;
2474
+ -webkit-box-direction: normal;
2475
+ -ms-flex-direction: column;
2476
+ flex-direction: column;
2608
2477
  }
2609
- .ant-input-clear-icon-hidden {
2610
- visibility: hidden;
2478
+ .ant-tabs-top > .ant-tabs-nav,
2479
+ .ant-tabs-bottom > .ant-tabs-nav,
2480
+ .ant-tabs-top > div > .ant-tabs-nav,
2481
+ .ant-tabs-bottom > div > .ant-tabs-nav {
2482
+ margin: 0 0 16px 0;
2611
2483
  }
2612
- .ant-input-clear-icon:last-child {
2613
- margin-right: 0;
2484
+ .ant-tabs-top > .ant-tabs-nav::before,
2485
+ .ant-tabs-bottom > .ant-tabs-nav::before,
2486
+ .ant-tabs-top > div > .ant-tabs-nav::before,
2487
+ .ant-tabs-bottom > div > .ant-tabs-nav::before {
2488
+ position: absolute;
2489
+ right: 0;
2490
+ left: 0;
2491
+ border-bottom: 1px solid #f0f0f0;
2492
+ content: '';
2614
2493
  }
2615
- .ant-input-affix-wrapper-textarea-with-clear-btn {
2616
- padding: 0 !important;
2617
- border: 0 !important;
2494
+ .ant-tabs-top > .ant-tabs-nav .ant-tabs-ink-bar,
2495
+ .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-ink-bar,
2496
+ .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-ink-bar,
2497
+ .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-ink-bar {
2498
+ height: 2px;
2618
2499
  }
2619
- .ant-input-affix-wrapper-textarea-with-clear-btn .ant-input-clear-icon {
2620
- position: absolute;
2621
- top: 8px;
2622
- right: 8px;
2623
- z-index: 1;
2500
+ .ant-tabs-top > .ant-tabs-nav .ant-tabs-ink-bar-animated,
2501
+ .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-ink-bar-animated,
2502
+ .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-ink-bar-animated,
2503
+ .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-ink-bar-animated {
2504
+ -webkit-transition: width 0.3s, left 0.3s, right 0.3s;
2505
+ transition: width 0.3s, left 0.3s, right 0.3s;
2624
2506
  }
2625
- .ant-input {
2626
- -webkit-box-sizing: border-box;
2627
- box-sizing: border-box;
2628
- margin: 0;
2629
- padding: 0;
2630
- font-variant: tabular-nums;
2631
- list-style: none;
2632
- -webkit-font-feature-settings: 'tnum';
2633
- font-feature-settings: 'tnum';
2634
- position: relative;
2635
- display: inline-block;
2636
- width: 100%;
2637
- min-width: 0;
2638
- padding: 4px 11px;
2639
- color: rgba(0, 0, 0, 0.85);
2640
- font-size: 14px;
2641
- line-height: 1.5715;
2642
- background-color: #fff;
2643
- background-image: none;
2644
- border: 1px solid #d9d9d9;
2645
- border-radius: 2px;
2646
- -webkit-transition: all 0.3s;
2647
- transition: all 0.3s;
2507
+ .ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap::before,
2508
+ .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap::before,
2509
+ .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
2510
+ .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
2511
+ .ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap::after,
2512
+ .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap::after,
2513
+ .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap::after,
2514
+ .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap::after {
2515
+ top: 0;
2516
+ bottom: 0;
2517
+ width: 30px;
2648
2518
  }
2649
- .ant-input::-moz-placeholder {
2519
+ .ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap::before,
2520
+ .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap::before,
2521
+ .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
2522
+ .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap::before {
2523
+ left: 0;
2524
+ -webkit-box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.08);
2525
+ box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.08);
2526
+ }
2527
+ .ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap::after,
2528
+ .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap::after,
2529
+ .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap::after,
2530
+ .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap::after {
2531
+ right: 0;
2532
+ -webkit-box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.08);
2533
+ box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.08);
2534
+ }
2535
+ .ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before,
2536
+ .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before,
2537
+ .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before,
2538
+ .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before {
2650
2539
  opacity: 1;
2651
2540
  }
2652
- .ant-input::-webkit-input-placeholder {
2653
- color: #bfbfbf;
2541
+ .ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after,
2542
+ .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after,
2543
+ .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after,
2544
+ .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after {
2545
+ opacity: 1;
2654
2546
  }
2655
- .ant-input::-ms-input-placeholder {
2656
- color: #bfbfbf;
2547
+ .ant-tabs-top > .ant-tabs-nav::before,
2548
+ .ant-tabs-top > div > .ant-tabs-nav::before {
2549
+ bottom: 0;
2657
2550
  }
2658
- .ant-input::placeholder {
2659
- color: #bfbfbf;
2551
+ .ant-tabs-top > .ant-tabs-nav .ant-tabs-ink-bar,
2552
+ .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-ink-bar {
2553
+ bottom: 0;
2660
2554
  }
2661
- .ant-input:placeholder-shown {
2662
- text-overflow: ellipsis;
2555
+ .ant-tabs-bottom > .ant-tabs-nav,
2556
+ .ant-tabs-bottom > div > .ant-tabs-nav {
2557
+ -webkit-box-ordinal-group: 2;
2558
+ -ms-flex-order: 1;
2559
+ order: 1;
2560
+ margin-top: 16px;
2561
+ margin-bottom: 0;
2663
2562
  }
2664
- .ant-input:hover {
2665
- border-color: #40a9ff;
2666
- border-right-width: 1px !important;
2563
+ .ant-tabs-bottom > .ant-tabs-nav::before,
2564
+ .ant-tabs-bottom > div > .ant-tabs-nav::before {
2565
+ top: 0;
2667
2566
  }
2668
- .ant-input-rtl .ant-input:hover {
2669
- border-right-width: 0;
2670
- border-left-width: 1px !important;
2567
+ .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-ink-bar,
2568
+ .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-ink-bar {
2569
+ top: 0;
2671
2570
  }
2672
- .ant-input:focus,
2673
- .ant-input-focused {
2674
- border-color: #40a9ff;
2675
- border-right-width: 1px !important;
2676
- outline: 0;
2677
- -webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
2678
- box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
2571
+ .ant-tabs-bottom > .ant-tabs-content-holder,
2572
+ .ant-tabs-bottom > div > .ant-tabs-content-holder {
2573
+ -webkit-box-ordinal-group: 1;
2574
+ -ms-flex-order: 0;
2575
+ order: 0;
2679
2576
  }
2680
- .ant-input-rtl .ant-input:focus,
2681
- .ant-input-rtl .ant-input-focused {
2682
- border-right-width: 0;
2683
- border-left-width: 1px !important;
2577
+ .ant-tabs-left > .ant-tabs-nav,
2578
+ .ant-tabs-right > .ant-tabs-nav,
2579
+ .ant-tabs-left > div > .ant-tabs-nav,
2580
+ .ant-tabs-right > div > .ant-tabs-nav {
2581
+ -webkit-box-orient: vertical;
2582
+ -webkit-box-direction: normal;
2583
+ -ms-flex-direction: column;
2584
+ flex-direction: column;
2585
+ min-width: 50px;
2684
2586
  }
2685
- .ant-input-disabled {
2686
- color: rgba(0, 0, 0, 0.25);
2687
- background-color: #f5f5f5;
2688
- cursor: not-allowed;
2689
- opacity: 1;
2587
+ .ant-tabs-left > .ant-tabs-nav .ant-tabs-tab,
2588
+ .ant-tabs-right > .ant-tabs-nav .ant-tabs-tab,
2589
+ .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab,
2590
+ .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab {
2591
+ padding: 8px 24px;
2592
+ text-align: center;
2690
2593
  }
2691
- .ant-input-disabled:hover {
2692
- border-color: #d9d9d9;
2693
- border-right-width: 1px !important;
2594
+ .ant-tabs-left > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
2595
+ .ant-tabs-right > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
2596
+ .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
2597
+ .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab {
2598
+ margin: 16px 0 0 0;
2694
2599
  }
2695
- .ant-input[disabled] {
2696
- color: rgba(0, 0, 0, 0.25);
2697
- background-color: #f5f5f5;
2698
- cursor: not-allowed;
2600
+ .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap,
2601
+ .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap,
2602
+ .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap,
2603
+ .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap {
2604
+ -webkit-box-orient: vertical;
2605
+ -webkit-box-direction: normal;
2606
+ -ms-flex-direction: column;
2607
+ flex-direction: column;
2608
+ }
2609
+ .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap::before,
2610
+ .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap::before,
2611
+ .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
2612
+ .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
2613
+ .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap::after,
2614
+ .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap::after,
2615
+ .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap::after,
2616
+ .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap::after {
2617
+ right: 0;
2618
+ left: 0;
2619
+ height: 30px;
2620
+ }
2621
+ .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap::before,
2622
+ .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap::before,
2623
+ .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
2624
+ .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap::before {
2625
+ top: 0;
2626
+ -webkit-box-shadow: inset 0 10px 8px -8px rgba(0, 0, 0, 0.08);
2627
+ box-shadow: inset 0 10px 8px -8px rgba(0, 0, 0, 0.08);
2628
+ }
2629
+ .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap::after,
2630
+ .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap::after,
2631
+ .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap::after,
2632
+ .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap::after {
2633
+ bottom: 0;
2634
+ -webkit-box-shadow: inset 0 -10px 8px -8px rgba(0, 0, 0, 0.08);
2635
+ box-shadow: inset 0 -10px 8px -8px rgba(0, 0, 0, 0.08);
2636
+ }
2637
+ .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before,
2638
+ .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before,
2639
+ .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before,
2640
+ .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before {
2699
2641
  opacity: 1;
2700
2642
  }
2701
- .ant-input[disabled]:hover {
2702
- border-color: #d9d9d9;
2703
- border-right-width: 1px !important;
2643
+ .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after,
2644
+ .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after,
2645
+ .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after,
2646
+ .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after {
2647
+ opacity: 1;
2704
2648
  }
2705
- .ant-input-borderless,
2706
- .ant-input-borderless:hover,
2707
- .ant-input-borderless:focus,
2708
- .ant-input-borderless-focused,
2709
- .ant-input-borderless-disabled,
2710
- .ant-input-borderless[disabled] {
2711
- background-color: transparent;
2712
- border: none;
2713
- -webkit-box-shadow: none;
2714
- box-shadow: none;
2649
+ .ant-tabs-left > .ant-tabs-nav .ant-tabs-ink-bar,
2650
+ .ant-tabs-right > .ant-tabs-nav .ant-tabs-ink-bar,
2651
+ .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-ink-bar,
2652
+ .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-ink-bar {
2653
+ width: 2px;
2715
2654
  }
2716
- textarea.ant-input {
2717
- max-width: 100%;
2718
- height: auto;
2719
- min-height: 32px;
2720
- line-height: 1.5715;
2721
- vertical-align: bottom;
2722
- -webkit-transition: all 0.3s, height 0s;
2723
- transition: all 0.3s, height 0s;
2655
+ .ant-tabs-left > .ant-tabs-nav .ant-tabs-ink-bar-animated,
2656
+ .ant-tabs-right > .ant-tabs-nav .ant-tabs-ink-bar-animated,
2657
+ .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-ink-bar-animated,
2658
+ .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-ink-bar-animated {
2659
+ -webkit-transition: height 0.3s, top 0.3s;
2660
+ transition: height 0.3s, top 0.3s;
2724
2661
  }
2725
- .ant-input-lg {
2726
- padding: 6.5px 11px;
2727
- font-size: 16px;
2662
+ .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-list,
2663
+ .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-list,
2664
+ .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-list,
2665
+ .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-list,
2666
+ .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-operations,
2667
+ .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-operations,
2668
+ .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-operations,
2669
+ .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-operations {
2670
+ -webkit-box-flex: 1;
2671
+ -ms-flex: 1 0 auto;
2672
+ flex: 1 0 auto;
2673
+ -webkit-box-orient: vertical;
2674
+ -webkit-box-direction: normal;
2675
+ -ms-flex-direction: column;
2676
+ flex-direction: column;
2728
2677
  }
2729
- .ant-input-sm {
2730
- padding: 0px 7px;
2678
+ .ant-tabs-left > .ant-tabs-nav .ant-tabs-ink-bar,
2679
+ .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-ink-bar {
2680
+ right: 0;
2731
2681
  }
2732
- .ant-input-rtl {
2733
- direction: rtl;
2682
+ .ant-tabs-left > .ant-tabs-content-holder,
2683
+ .ant-tabs-left > div > .ant-tabs-content-holder {
2684
+ margin-left: -1px;
2685
+ border-left: 1px solid #f0f0f0;
2734
2686
  }
2735
- .ant-input-group {
2687
+ .ant-tabs-left > .ant-tabs-content-holder > .ant-tabs-content > .ant-tabs-tabpane,
2688
+ .ant-tabs-left > div > .ant-tabs-content-holder > .ant-tabs-content > .ant-tabs-tabpane {
2689
+ padding-left: 24px;
2690
+ }
2691
+ .ant-tabs-right > .ant-tabs-nav,
2692
+ .ant-tabs-right > div > .ant-tabs-nav {
2693
+ -webkit-box-ordinal-group: 2;
2694
+ -ms-flex-order: 1;
2695
+ order: 1;
2696
+ }
2697
+ .ant-tabs-right > .ant-tabs-nav .ant-tabs-ink-bar,
2698
+ .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-ink-bar {
2699
+ left: 0;
2700
+ }
2701
+ .ant-tabs-right > .ant-tabs-content-holder,
2702
+ .ant-tabs-right > div > .ant-tabs-content-holder {
2703
+ -webkit-box-ordinal-group: 1;
2704
+ -ms-flex-order: 0;
2705
+ order: 0;
2706
+ margin-right: -1px;
2707
+ border-right: 1px solid #f0f0f0;
2708
+ }
2709
+ .ant-tabs-right > .ant-tabs-content-holder > .ant-tabs-content > .ant-tabs-tabpane,
2710
+ .ant-tabs-right > div > .ant-tabs-content-holder > .ant-tabs-content > .ant-tabs-tabpane {
2711
+ padding-right: 24px;
2712
+ }
2713
+ .ant-tabs-dropdown {
2736
2714
  -webkit-box-sizing: border-box;
2737
2715
  box-sizing: border-box;
2738
2716
  margin: 0;
@@ -2744,474 +2722,663 @@ textarea.ant-input {
2744
2722
  list-style: none;
2745
2723
  -webkit-font-feature-settings: 'tnum';
2746
2724
  font-feature-settings: 'tnum';
2747
- position: relative;
2748
- display: table;
2749
- width: 100%;
2750
- border-collapse: separate;
2751
- border-spacing: 0;
2752
- }
2753
- .ant-input-group[class*='col-'] {
2754
- float: none;
2755
- padding-right: 0;
2756
- padding-left: 0;
2757
- }
2758
- .ant-input-group > [class*='col-'] {
2759
- padding-right: 8px;
2760
- }
2761
- .ant-input-group > [class*='col-']:last-child {
2762
- padding-right: 0;
2763
- }
2764
- .ant-input-group-addon,
2765
- .ant-input-group-wrap,
2766
- .ant-input-group > .ant-input {
2767
- display: table-cell;
2768
- }
2769
- .ant-input-group-addon:not(:first-child):not(:last-child),
2770
- .ant-input-group-wrap:not(:first-child):not(:last-child),
2771
- .ant-input-group > .ant-input:not(:first-child):not(:last-child) {
2772
- border-radius: 0;
2773
- }
2774
- .ant-input-group-addon,
2775
- .ant-input-group-wrap {
2776
- width: 1px;
2777
- white-space: nowrap;
2778
- vertical-align: middle;
2779
- }
2780
- .ant-input-group-wrap > * {
2781
- display: block !important;
2782
- }
2783
- .ant-input-group .ant-input {
2784
- float: left;
2785
- width: 100%;
2786
- margin-bottom: 0;
2787
- text-align: inherit;
2788
- }
2789
- .ant-input-group .ant-input:focus {
2790
- z-index: 1;
2791
- border-right-width: 1px;
2725
+ position: absolute;
2726
+ top: -9999px;
2727
+ left: -9999px;
2728
+ z-index: 1050;
2729
+ display: block;
2792
2730
  }
2793
- .ant-input-group .ant-input:hover {
2794
- z-index: 1;
2795
- border-right-width: 1px;
2731
+ .ant-tabs-dropdown-hidden {
2732
+ display: none;
2796
2733
  }
2797
- .ant-input-search-with-button .ant-input-group .ant-input:hover {
2798
- z-index: 0;
2734
+ .ant-tabs-dropdown-menu {
2735
+ max-height: 200px;
2736
+ margin: 0;
2737
+ padding: 4px 0;
2738
+ overflow-x: hidden;
2739
+ overflow-y: auto;
2740
+ text-align: left;
2741
+ list-style-type: none;
2742
+ background-color: #fff;
2743
+ background-clip: padding-box;
2744
+ border-radius: 2px;
2745
+ outline: none;
2746
+ -webkit-box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
2747
+ box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
2799
2748
  }
2800
- .ant-input-group-addon {
2801
- position: relative;
2802
- padding: 0 11px;
2749
+ .ant-tabs-dropdown-menu-item {
2750
+ min-width: 120px;
2751
+ margin: 0;
2752
+ padding: 5px 12px;
2753
+ overflow: hidden;
2803
2754
  color: rgba(0, 0, 0, 0.85);
2804
2755
  font-weight: normal;
2805
2756
  font-size: 14px;
2806
- text-align: center;
2807
- background-color: #fafafa;
2808
- border: 1px solid #d9d9d9;
2809
- border-radius: 2px;
2757
+ line-height: 22px;
2758
+ white-space: nowrap;
2759
+ text-overflow: ellipsis;
2760
+ cursor: pointer;
2810
2761
  -webkit-transition: all 0.3s;
2811
2762
  transition: all 0.3s;
2812
2763
  }
2813
- .ant-input-group-addon .ant-select {
2814
- margin: -5px -11px;
2815
- }
2816
- .ant-input-group-addon .ant-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
2817
- background-color: inherit;
2818
- border: 1px solid transparent;
2819
- -webkit-box-shadow: none;
2820
- box-shadow: none;
2821
- }
2822
- .ant-input-group-addon .ant-select-open .ant-select-selector,
2823
- .ant-input-group-addon .ant-select-focused .ant-select-selector {
2824
- color: #1890ff;
2825
- }
2826
- .ant-input-group > .ant-input:first-child,
2827
- .ant-input-group-addon:first-child {
2828
- border-top-right-radius: 0;
2829
- border-bottom-right-radius: 0;
2830
- }
2831
- .ant-input-group > .ant-input:first-child .ant-select .ant-select-selector,
2832
- .ant-input-group-addon:first-child .ant-select .ant-select-selector {
2833
- border-top-right-radius: 0;
2834
- border-bottom-right-radius: 0;
2764
+ .ant-tabs-dropdown-menu-item:hover {
2765
+ background: #f5f5f5;
2835
2766
  }
2836
- .ant-input-group > .ant-input-affix-wrapper:not(:first-child) .ant-input {
2837
- border-top-left-radius: 0;
2838
- border-bottom-left-radius: 0;
2767
+ .ant-tabs-dropdown-menu-item-disabled,
2768
+ .ant-tabs-dropdown-menu-item-disabled:hover {
2769
+ color: rgba(0, 0, 0, 0.25);
2770
+ background: transparent;
2771
+ cursor: not-allowed;
2839
2772
  }
2840
- .ant-input-group > .ant-input-affix-wrapper:not(:last-child) .ant-input {
2841
- border-top-right-radius: 0;
2842
- border-bottom-right-radius: 0;
2773
+ .ant-tabs-card > .ant-tabs-nav .ant-tabs-tab,
2774
+ .ant-tabs-card > div > .ant-tabs-nav .ant-tabs-tab {
2775
+ margin: 0;
2776
+ padding: 8px 16px;
2777
+ background: #fafafa;
2778
+ border: 1px solid #f0f0f0;
2779
+ -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
2780
+ transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
2843
2781
  }
2844
- .ant-input-group-addon:first-child {
2845
- border-right: 0;
2782
+ .ant-tabs-card > .ant-tabs-nav .ant-tabs-tab-active,
2783
+ .ant-tabs-card > div > .ant-tabs-nav .ant-tabs-tab-active {
2784
+ color: #1890ff;
2785
+ background: #fff;
2846
2786
  }
2847
- .ant-input-group-addon:last-child {
2848
- border-left: 0;
2787
+ .ant-tabs-card > .ant-tabs-nav .ant-tabs-ink-bar,
2788
+ .ant-tabs-card > div > .ant-tabs-nav .ant-tabs-ink-bar {
2789
+ visibility: hidden;
2849
2790
  }
2850
- .ant-input-group > .ant-input:last-child,
2851
- .ant-input-group-addon:last-child {
2852
- border-top-left-radius: 0;
2853
- border-bottom-left-radius: 0;
2791
+ .ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
2792
+ .ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
2793
+ .ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
2794
+ .ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab {
2795
+ margin-left: 2px;
2854
2796
  }
2855
- .ant-input-group > .ant-input:last-child .ant-select .ant-select-selector,
2856
- .ant-input-group-addon:last-child .ant-select .ant-select-selector {
2857
- border-top-left-radius: 0;
2858
- border-bottom-left-radius: 0;
2797
+ .ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab,
2798
+ .ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab {
2799
+ border-radius: 2px 2px 0 0;
2859
2800
  }
2860
- .ant-input-group-lg .ant-input,
2861
- .ant-input-group-lg > .ant-input-group-addon {
2862
- padding: 6.5px 11px;
2863
- font-size: 16px;
2801
+ .ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab-active,
2802
+ .ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab-active {
2803
+ border-bottom-color: #fff;
2864
2804
  }
2865
- .ant-input-group-sm .ant-input,
2866
- .ant-input-group-sm > .ant-input-group-addon {
2867
- padding: 0px 7px;
2805
+ .ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab,
2806
+ .ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab {
2807
+ border-radius: 0 0 2px 2px;
2868
2808
  }
2869
- .ant-input-group-lg .ant-select-single .ant-select-selector {
2870
- height: 40px;
2809
+ .ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab-active,
2810
+ .ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab-active {
2811
+ border-top-color: #fff;
2871
2812
  }
2872
- .ant-input-group-sm .ant-select-single .ant-select-selector {
2873
- height: 24px;
2813
+ .ant-tabs-card.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
2814
+ .ant-tabs-card.ant-tabs-right > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
2815
+ .ant-tabs-card.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
2816
+ .ant-tabs-card.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab {
2817
+ margin-top: 2px;
2874
2818
  }
2875
- .ant-input-group .ant-input-affix-wrapper:not(:first-child) {
2876
- border-top-left-radius: 0;
2877
- border-bottom-left-radius: 0;
2819
+ .ant-tabs-card.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab,
2820
+ .ant-tabs-card.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab {
2821
+ border-radius: 2px 0 0 2px;
2878
2822
  }
2879
- .ant-input-group .ant-input-affix-wrapper:not(:last-child) {
2880
- border-top-right-radius: 0;
2881
- border-bottom-right-radius: 0;
2823
+ .ant-tabs-card.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab-active,
2824
+ .ant-tabs-card.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab-active {
2825
+ border-right-color: #fff;
2882
2826
  }
2883
- .ant-input-search .ant-input-group .ant-input-affix-wrapper:not(:last-child) {
2884
- border-top-left-radius: 2px;
2885
- border-bottom-left-radius: 2px;
2827
+ .ant-tabs-card.ant-tabs-right > .ant-tabs-nav .ant-tabs-tab,
2828
+ .ant-tabs-card.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab {
2829
+ border-radius: 0 2px 2px 0;
2886
2830
  }
2887
- .ant-input-group.ant-input-group-compact {
2888
- display: block;
2831
+ .ant-tabs-card.ant-tabs-right > .ant-tabs-nav .ant-tabs-tab-active,
2832
+ .ant-tabs-card.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab-active {
2833
+ border-left-color: #fff;
2889
2834
  }
2890
- .ant-input-group.ant-input-group-compact::before {
2891
- display: table;
2892
- content: '';
2835
+ .ant-tabs {
2836
+ -webkit-box-sizing: border-box;
2837
+ box-sizing: border-box;
2838
+ margin: 0;
2839
+ padding: 0;
2840
+ color: rgba(0, 0, 0, 0.85);
2841
+ font-size: 14px;
2842
+ font-variant: tabular-nums;
2843
+ line-height: 1.5715;
2844
+ list-style: none;
2845
+ -webkit-font-feature-settings: 'tnum';
2846
+ font-feature-settings: 'tnum';
2847
+ display: -webkit-box;
2848
+ display: -ms-flexbox;
2849
+ display: flex;
2850
+ overflow: hidden;
2893
2851
  }
2894
- .ant-input-group.ant-input-group-compact::after {
2895
- display: table;
2896
- clear: both;
2897
- content: '';
2852
+ .ant-tabs > .ant-tabs-nav,
2853
+ .ant-tabs > div > .ant-tabs-nav {
2854
+ position: relative;
2855
+ display: -webkit-box;
2856
+ display: -ms-flexbox;
2857
+ display: flex;
2858
+ -webkit-box-flex: 0;
2859
+ -ms-flex: none;
2860
+ flex: none;
2861
+ -webkit-box-align: center;
2862
+ -ms-flex-align: center;
2863
+ align-items: center;
2898
2864
  }
2899
- .ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child),
2900
- .ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child),
2901
- .ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child) {
2902
- border-right-width: 1px;
2865
+ .ant-tabs > .ant-tabs-nav .ant-tabs-nav-wrap,
2866
+ .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-wrap {
2867
+ position: relative;
2868
+ display: inline-block;
2869
+ display: -webkit-box;
2870
+ display: -ms-flexbox;
2871
+ display: flex;
2872
+ -webkit-box-flex: 1;
2873
+ -ms-flex: auto;
2874
+ flex: auto;
2875
+ -ms-flex-item-align: stretch;
2876
+ align-self: stretch;
2877
+ overflow: hidden;
2878
+ white-space: nowrap;
2879
+ -webkit-transform: translate(0);
2880
+ transform: translate(0);
2903
2881
  }
2904
- .ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child):hover,
2905
- .ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child):hover,
2906
- .ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child):hover {
2882
+ .ant-tabs > .ant-tabs-nav .ant-tabs-nav-wrap::before,
2883
+ .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
2884
+ .ant-tabs > .ant-tabs-nav .ant-tabs-nav-wrap::after,
2885
+ .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-wrap::after {
2886
+ position: absolute;
2907
2887
  z-index: 1;
2888
+ opacity: 0;
2889
+ -webkit-transition: opacity 0.3s;
2890
+ transition: opacity 0.3s;
2891
+ content: '';
2892
+ pointer-events: none;
2908
2893
  }
2909
- .ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child):focus,
2910
- .ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child):focus,
2911
- .ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child):focus {
2912
- z-index: 1;
2894
+ .ant-tabs > .ant-tabs-nav .ant-tabs-nav-list,
2895
+ .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-list {
2896
+ position: relative;
2897
+ display: -webkit-box;
2898
+ display: -ms-flexbox;
2899
+ display: flex;
2900
+ -webkit-transition: -webkit-transform 0.3s;
2901
+ transition: -webkit-transform 0.3s;
2902
+ transition: transform 0.3s;
2903
+ transition: transform 0.3s, -webkit-transform 0.3s;
2913
2904
  }
2914
- .ant-input-group.ant-input-group-compact > * {
2915
- display: inline-block;
2916
- float: none;
2917
- vertical-align: top;
2918
- border-radius: 0;
2905
+ .ant-tabs > .ant-tabs-nav .ant-tabs-nav-operations,
2906
+ .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-operations {
2907
+ display: -webkit-box;
2908
+ display: -ms-flexbox;
2909
+ display: flex;
2910
+ -ms-flex-item-align: stretch;
2911
+ align-self: stretch;
2919
2912
  }
2920
- .ant-input-group.ant-input-group-compact > .ant-input-affix-wrapper {
2921
- display: -webkit-inline-box;
2922
- display: -ms-inline-flexbox;
2923
- display: inline-flex;
2913
+ .ant-tabs > .ant-tabs-nav .ant-tabs-nav-operations-hidden,
2914
+ .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-operations-hidden {
2915
+ position: absolute;
2916
+ visibility: hidden;
2917
+ pointer-events: none;
2924
2918
  }
2925
- .ant-input-group.ant-input-group-compact > .ant-picker-range {
2926
- display: -webkit-inline-box;
2927
- display: -ms-inline-flexbox;
2928
- display: inline-flex;
2919
+ .ant-tabs > .ant-tabs-nav .ant-tabs-nav-more,
2920
+ .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-more {
2921
+ position: relative;
2922
+ padding: 8px 16px;
2923
+ background: transparent;
2924
+ border: 0;
2929
2925
  }
2930
- .ant-input-group.ant-input-group-compact > *:not(:last-child) {
2931
- margin-right: -1px;
2932
- border-right-width: 1px;
2926
+ .ant-tabs > .ant-tabs-nav .ant-tabs-nav-more::after,
2927
+ .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-more::after {
2928
+ position: absolute;
2929
+ right: 0;
2930
+ bottom: 0;
2931
+ left: 0;
2932
+ height: 5px;
2933
+ -webkit-transform: translateY(100%);
2934
+ transform: translateY(100%);
2935
+ content: '';
2933
2936
  }
2934
- .ant-input-group.ant-input-group-compact .ant-input {
2935
- float: none;
2937
+ .ant-tabs > .ant-tabs-nav .ant-tabs-nav-add,
2938
+ .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add {
2939
+ min-width: 40px;
2940
+ margin-left: 2px;
2941
+ padding: 0 8px;
2942
+ background: #fafafa;
2943
+ border: 1px solid #f0f0f0;
2944
+ border-radius: 2px 2px 0 0;
2945
+ outline: none;
2946
+ cursor: pointer;
2947
+ -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
2948
+ transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
2936
2949
  }
2937
- .ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selector,
2938
- .ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input,
2939
- .ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input,
2940
- .ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-input {
2941
- border-right-width: 1px;
2942
- border-radius: 0;
2950
+ .ant-tabs > .ant-tabs-nav .ant-tabs-nav-add:hover,
2951
+ .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add:hover {
2952
+ color: #40a9ff;
2943
2953
  }
2944
- .ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selector:hover,
2945
- .ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input:hover,
2946
- .ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input:hover,
2947
- .ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-input:hover {
2948
- z-index: 1;
2954
+ .ant-tabs > .ant-tabs-nav .ant-tabs-nav-add:active,
2955
+ .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add:active,
2956
+ .ant-tabs > .ant-tabs-nav .ant-tabs-nav-add:focus,
2957
+ .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add:focus {
2958
+ color: #096dd9;
2949
2959
  }
2950
- .ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selector:focus,
2951
- .ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input:focus,
2952
- .ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input:focus,
2953
- .ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-input:focus {
2954
- z-index: 1;
2960
+ .ant-tabs-extra-content {
2961
+ -webkit-box-flex: 0;
2962
+ -ms-flex: none;
2963
+ flex: none;
2955
2964
  }
2956
- .ant-input-group.ant-input-group-compact > .ant-select-focused {
2957
- z-index: 1;
2965
+ .ant-tabs-centered > .ant-tabs-nav .ant-tabs-nav-wrap:not([class*='ant-tabs-nav-wrap-ping']),
2966
+ .ant-tabs-centered > div > .ant-tabs-nav .ant-tabs-nav-wrap:not([class*='ant-tabs-nav-wrap-ping']) {
2967
+ -webkit-box-pack: center;
2968
+ -ms-flex-pack: center;
2969
+ justify-content: center;
2958
2970
  }
2959
- .ant-input-group.ant-input-group-compact > .ant-select > .ant-select-arrow {
2960
- z-index: 1;
2971
+ .ant-tabs-ink-bar {
2972
+ position: absolute;
2973
+ background: #1890ff;
2974
+ pointer-events: none;
2961
2975
  }
2962
- .ant-input-group.ant-input-group-compact > *:first-child,
2963
- .ant-input-group.ant-input-group-compact > .ant-select:first-child > .ant-select-selector,
2964
- .ant-input-group.ant-input-group-compact > .ant-select-auto-complete:first-child .ant-input,
2965
- .ant-input-group.ant-input-group-compact > .ant-cascader-picker:first-child .ant-input {
2966
- border-top-left-radius: 2px;
2967
- border-bottom-left-radius: 2px;
2976
+ .ant-tabs-tab {
2977
+ position: relative;
2978
+ display: -webkit-inline-box;
2979
+ display: -ms-inline-flexbox;
2980
+ display: inline-flex;
2981
+ -webkit-box-align: center;
2982
+ -ms-flex-align: center;
2983
+ align-items: center;
2984
+ padding: 12px 0;
2985
+ font-size: 14px;
2986
+ background: transparent;
2987
+ border: 0;
2988
+ outline: none;
2989
+ cursor: pointer;
2968
2990
  }
2969
- .ant-input-group.ant-input-group-compact > *:last-child,
2970
- .ant-input-group.ant-input-group-compact > .ant-select:last-child > .ant-select-selector,
2971
- .ant-input-group.ant-input-group-compact > .ant-cascader-picker:last-child .ant-input,
2972
- .ant-input-group.ant-input-group-compact > .ant-cascader-picker-focused:last-child .ant-input {
2973
- border-right-width: 1px;
2974
- border-top-right-radius: 2px;
2975
- border-bottom-right-radius: 2px;
2991
+ .ant-tabs-tab-btn:focus,
2992
+ .ant-tabs-tab-remove:focus,
2993
+ .ant-tabs-tab-btn:active,
2994
+ .ant-tabs-tab-remove:active {
2995
+ color: #096dd9;
2976
2996
  }
2977
- .ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input {
2978
- vertical-align: top;
2997
+ .ant-tabs-tab-btn {
2998
+ outline: none;
2999
+ -webkit-transition: all 0.3s;
3000
+ transition: all 0.3s;
2979
3001
  }
2980
- .ant-input-group.ant-input-group-compact .ant-input-group-wrapper + .ant-input-group-wrapper {
2981
- margin-left: -1px;
3002
+ .ant-tabs-tab-remove {
3003
+ -webkit-box-flex: 0;
3004
+ -ms-flex: none;
3005
+ flex: none;
3006
+ margin-right: -4px;
3007
+ margin-left: 8px;
3008
+ color: rgba(0, 0, 0, 0.45);
3009
+ font-size: 12px;
3010
+ background: transparent;
3011
+ border: none;
3012
+ outline: none;
3013
+ cursor: pointer;
3014
+ -webkit-transition: all 0.3s;
3015
+ transition: all 0.3s;
2982
3016
  }
2983
- .ant-input-group.ant-input-group-compact .ant-input-group-wrapper + .ant-input-group-wrapper .ant-input-affix-wrapper {
2984
- border-radius: 0;
3017
+ .ant-tabs-tab-remove:hover {
3018
+ color: rgba(0, 0, 0, 0.85);
2985
3019
  }
2986
- .ant-input-group.ant-input-group-compact .ant-input-group-wrapper:not(:last-child).ant-input-search > .ant-input-group > .ant-input-group-addon > .ant-input-search-button {
2987
- border-radius: 0;
3020
+ .ant-tabs-tab:hover {
3021
+ color: #40a9ff;
2988
3022
  }
2989
- .ant-input-group.ant-input-group-compact .ant-input-group-wrapper:not(:last-child).ant-input-search > .ant-input-group > .ant-input {
2990
- border-radius: 2px 0 0 2px;
3023
+ .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
3024
+ color: #1890ff;
3025
+ text-shadow: 0 0 0.25px currentColor;
2991
3026
  }
2992
- .ant-input-group > .ant-input-rtl:first-child,
2993
- .ant-input-group-rtl .ant-input-group-addon:first-child {
2994
- border-radius: 0 2px 2px 0;
3027
+ .ant-tabs-tab.ant-tabs-tab-disabled {
3028
+ color: rgba(0, 0, 0, 0.25);
3029
+ cursor: not-allowed;
2995
3030
  }
2996
- .ant-input-group-rtl .ant-input-group-addon:first-child {
2997
- border-right: 1px solid #d9d9d9;
2998
- border-left: 0;
3031
+ .ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-btn:focus,
3032
+ .ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-remove:focus,
3033
+ .ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-btn:active,
3034
+ .ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-remove:active {
3035
+ color: rgba(0, 0, 0, 0.25);
2999
3036
  }
3000
- .ant-input-group-rtl .ant-input-group-addon:last-child {
3001
- border-right: 0;
3002
- border-left: 1px solid #d9d9d9;
3037
+ .ant-tabs-tab .ant-tabs-tab-remove .anticon {
3038
+ margin: 0;
3003
3039
  }
3004
- .ant-input-group-rtl.ant-input-group > .ant-input:last-child,
3005
- .ant-input-group-rtl.ant-input-group-addon:last-child {
3006
- border-radius: 2px 0 0 2px;
3040
+ .ant-tabs-tab .anticon {
3041
+ margin-right: 12px;
3007
3042
  }
3008
- .ant-input-group-rtl.ant-input-group .ant-input-affix-wrapper:not(:first-child) {
3009
- border-radius: 2px 0 0 2px;
3043
+ .ant-tabs-tab + .ant-tabs-tab {
3044
+ margin: 0 0 0 32px;
3010
3045
  }
3011
- .ant-input-group-rtl.ant-input-group .ant-input-affix-wrapper:not(:last-child) {
3012
- border-radius: 0 2px 2px 0;
3046
+ .ant-tabs-content {
3047
+ display: -webkit-box;
3048
+ display: -ms-flexbox;
3049
+ display: flex;
3050
+ width: 100%;
3013
3051
  }
3014
- .ant-input-group-rtl.ant-input-group.ant-input-group-compact > *:not(:last-child) {
3015
- margin-right: 0;
3016
- margin-left: -1px;
3017
- border-left-width: 1px;
3052
+ .ant-tabs-content-holder {
3053
+ -webkit-box-flex: 1;
3054
+ -ms-flex: auto;
3055
+ flex: auto;
3056
+ min-width: 0;
3057
+ min-height: 0;
3018
3058
  }
3019
- .ant-input-group-rtl.ant-input-group.ant-input-group-compact > *:first-child,
3020
- .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select:first-child > .ant-select-selector,
3021
- .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select-auto-complete:first-child .ant-input,
3022
- .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-cascader-picker:first-child .ant-input {
3023
- border-radius: 0 2px 2px 0;
3059
+ .ant-tabs-content-animated {
3060
+ -webkit-transition: margin 0.3s;
3061
+ transition: margin 0.3s;
3024
3062
  }
3025
- .ant-input-group-rtl.ant-input-group.ant-input-group-compact > *:last-child,
3026
- .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select:last-child > .ant-select-selector,
3027
- .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select-auto-complete:last-child .ant-input,
3028
- .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-cascader-picker:last-child .ant-input,
3029
- .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-cascader-picker-focused:last-child .ant-input {
3030
- border-left-width: 1px;
3031
- border-radius: 2px 0 0 2px;
3063
+ .ant-tabs-tabpane {
3064
+ -webkit-box-flex: 0;
3065
+ -ms-flex: none;
3066
+ flex: none;
3067
+ width: 100%;
3068
+ outline: none;
3032
3069
  }
3033
- .ant-input-group.ant-input-group-compact .ant-input-group-wrapper-rtl + .ant-input-group-wrapper-rtl {
3034
- margin-right: -1px;
3035
- margin-left: 0;
3070
+ .pandora-sdk-card .ant-card-head .ant-card-extra {
3071
+ padding: 0;
3036
3072
  }
3037
- .ant-input-group.ant-input-group-compact .ant-input-group-wrapper-rtl:not(:last-child).ant-input-search > .ant-input-group > .ant-input {
3038
- border-radius: 0 2px 2px 0;
3073
+ .ant-divider {
3074
+ -webkit-box-sizing: border-box;
3075
+ box-sizing: border-box;
3076
+ margin: 0;
3077
+ padding: 0;
3078
+ color: rgba(0, 0, 0, 0.85);
3079
+ font-size: 14px;
3080
+ font-variant: tabular-nums;
3081
+ line-height: 1.5715;
3082
+ list-style: none;
3083
+ -webkit-font-feature-settings: 'tnum';
3084
+ font-feature-settings: 'tnum';
3085
+ border-top: 1px solid rgba(0, 0, 0, 0.06);
3039
3086
  }
3040
- .ant-input-group-wrapper {
3087
+ .ant-divider-vertical {
3088
+ position: relative;
3089
+ top: -0.06em;
3041
3090
  display: inline-block;
3042
- width: 100%;
3043
- text-align: start;
3044
- vertical-align: top;
3091
+ height: 0.9em;
3092
+ margin: 0 8px;
3093
+ vertical-align: middle;
3094
+ border-top: 0;
3095
+ border-left: 1px solid rgba(0, 0, 0, 0.06);
3045
3096
  }
3046
- .ant-input-password-icon {
3047
- color: rgba(0, 0, 0, 0.45);
3048
- cursor: pointer;
3049
- -webkit-transition: all 0.3s;
3050
- transition: all 0.3s;
3097
+ .ant-divider-horizontal {
3098
+ display: -webkit-box;
3099
+ display: -ms-flexbox;
3100
+ display: flex;
3101
+ clear: both;
3102
+ width: 100%;
3103
+ min-width: 100%;
3104
+ margin: 24px 0;
3051
3105
  }
3052
- .ant-input-password-icon:hover {
3106
+ .ant-divider-horizontal.ant-divider-with-text {
3107
+ display: -webkit-box;
3108
+ display: -ms-flexbox;
3109
+ display: flex;
3110
+ margin: 16px 0;
3053
3111
  color: rgba(0, 0, 0, 0.85);
3112
+ font-weight: 500;
3113
+ font-size: 16px;
3114
+ white-space: nowrap;
3115
+ text-align: center;
3116
+ border-top: 0;
3117
+ border-top-color: rgba(0, 0, 0, 0.06);
3054
3118
  }
3055
- .ant-input[type='color'] {
3056
- height: 32px;
3057
- }
3058
- .ant-input[type='color'].ant-input-lg {
3059
- height: 40px;
3119
+ .ant-divider-horizontal.ant-divider-with-text::before,
3120
+ .ant-divider-horizontal.ant-divider-with-text::after {
3121
+ position: relative;
3122
+ top: 50%;
3123
+ width: 50%;
3124
+ border-top: 1px solid transparent;
3125
+ border-top-color: inherit;
3126
+ border-bottom: 0;
3127
+ -webkit-transform: translateY(50%);
3128
+ transform: translateY(50%);
3129
+ content: '';
3060
3130
  }
3061
- .ant-input[type='color'].ant-input-sm {
3062
- height: 24px;
3063
- padding-top: 3px;
3064
- padding-bottom: 3px;
3131
+ .ant-divider-horizontal.ant-divider-with-text-left::before {
3132
+ top: 50%;
3133
+ width: 5%;
3065
3134
  }
3066
- .ant-input-textarea-show-count::after {
3067
- float: right;
3068
- color: rgba(0, 0, 0, 0.45);
3069
- white-space: nowrap;
3070
- content: attr(data-count);
3071
- pointer-events: none;
3135
+ .ant-divider-horizontal.ant-divider-with-text-left::after {
3136
+ top: 50%;
3137
+ width: 95%;
3072
3138
  }
3073
- .ant-input-search .ant-input:hover,
3074
- .ant-input-search .ant-input:focus {
3075
- border-color: #40a9ff;
3139
+ .ant-divider-horizontal.ant-divider-with-text-right::before {
3140
+ top: 50%;
3141
+ width: 95%;
3076
3142
  }
3077
- .ant-input-search .ant-input:hover + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary),
3078
- .ant-input-search .ant-input:focus + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary) {
3079
- border-left-color: #40a9ff;
3143
+ .ant-divider-horizontal.ant-divider-with-text-right::after {
3144
+ top: 50%;
3145
+ width: 5%;
3080
3146
  }
3081
- .ant-input-search .ant-input-affix-wrapper {
3082
- border-radius: 0;
3147
+ .ant-divider-inner-text {
3148
+ display: inline-block;
3149
+ padding: 0 1em;
3083
3150
  }
3084
- .ant-input-search .ant-input-lg {
3085
- line-height: 1.5713;
3151
+ .ant-divider-dashed {
3152
+ background: none;
3153
+ border-color: rgba(0, 0, 0, 0.06);
3154
+ border-style: dashed;
3155
+ border-width: 1px 0 0;
3086
3156
  }
3087
- .ant-input-search > .ant-input-group > .ant-input-group-addon:last-child {
3088
- left: -1px;
3089
- padding: 0;
3090
- border: 0;
3157
+ .ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed {
3158
+ border-top: 0;
3091
3159
  }
3092
- .ant-input-search > .ant-input-group > .ant-input-group-addon:last-child .ant-input-search-button {
3093
- padding-top: 0;
3094
- padding-bottom: 0;
3095
- border-radius: 0 2px 2px 0;
3160
+ .ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed::before,
3161
+ .ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed::after {
3162
+ border-style: dashed none none;
3096
3163
  }
3097
- .ant-input-search > .ant-input-group > .ant-input-group-addon:last-child .ant-input-search-button:not(.ant-btn-primary) {
3098
- color: rgba(0, 0, 0, 0.45);
3164
+ .ant-divider-vertical.ant-divider-dashed {
3165
+ border-width: 0 0 0 1px;
3099
3166
  }
3100
- .ant-input-search > .ant-input-group > .ant-input-group-addon:last-child .ant-input-search-button:not(.ant-btn-primary).ant-btn-loading::before {
3101
- top: 0;
3102
- right: 0;
3103
- bottom: 0;
3104
- left: 0;
3167
+ .ant-divider-plain.ant-divider-with-text {
3168
+ color: rgba(0, 0, 0, 0.85);
3169
+ font-weight: normal;
3170
+ font-size: 14px;
3105
3171
  }
3106
- .ant-input-search-button {
3107
- height: 32px;
3172
+ .ant-divider-rtl {
3173
+ direction: rtl;
3108
3174
  }
3109
- .ant-input-search-button:hover,
3110
- .ant-input-search-button:focus {
3111
- z-index: 1;
3175
+ .ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-left::before {
3176
+ width: 95%;
3112
3177
  }
3113
- .ant-input-search-large .ant-input-search-button {
3114
- height: 40px;
3178
+ .ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-left::after {
3179
+ width: 5%;
3115
3180
  }
3116
- .ant-input-search-small .ant-input-search-button {
3117
- height: 24px;
3181
+ .ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-right::before {
3182
+ width: 5%;
3118
3183
  }
3119
- .ant-input-group-wrapper-rtl {
3120
- direction: rtl;
3184
+ .ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-right::after {
3185
+ width: 95%;
3121
3186
  }
3122
- .ant-input-group-rtl {
3123
- direction: rtl;
3187
+ @-webkit-keyframes antCheckboxEffect {
3188
+ 0% {
3189
+ -webkit-transform: scale(1);
3190
+ transform: scale(1);
3191
+ opacity: 0.5;
3192
+ }
3193
+ 100% {
3194
+ -webkit-transform: scale(1.6);
3195
+ transform: scale(1.6);
3196
+ opacity: 0;
3197
+ }
3124
3198
  }
3125
- .ant-input-affix-wrapper.ant-input-affix-wrapper-rtl > input.ant-input {
3126
- border: none;
3199
+ @keyframes antCheckboxEffect {
3200
+ 0% {
3201
+ -webkit-transform: scale(1);
3202
+ transform: scale(1);
3203
+ opacity: 0.5;
3204
+ }
3205
+ 100% {
3206
+ -webkit-transform: scale(1.6);
3207
+ transform: scale(1.6);
3208
+ opacity: 0;
3209
+ }
3210
+ }
3211
+ .ant-checkbox {
3212
+ -webkit-box-sizing: border-box;
3213
+ box-sizing: border-box;
3214
+ margin: 0;
3215
+ padding: 0;
3216
+ color: rgba(0, 0, 0, 0.85);
3217
+ font-size: 14px;
3218
+ font-variant: tabular-nums;
3219
+ line-height: 1.5715;
3220
+ list-style: none;
3221
+ -webkit-font-feature-settings: 'tnum';
3222
+ font-feature-settings: 'tnum';
3223
+ position: relative;
3224
+ top: 0.2em;
3225
+ line-height: 1;
3226
+ white-space: nowrap;
3127
3227
  outline: none;
3228
+ cursor: pointer;
3128
3229
  }
3129
- .ant-input-affix-wrapper-rtl .ant-input-prefix {
3130
- margin: 0 0 0 4px;
3230
+ .ant-checkbox-wrapper:hover .ant-checkbox-inner,
3231
+ .ant-checkbox:hover .ant-checkbox-inner,
3232
+ .ant-checkbox-input:focus + .ant-checkbox-inner {
3233
+ border-color: #1890ff;
3131
3234
  }
3132
- .ant-input-affix-wrapper-rtl .ant-input-suffix {
3133
- margin: 0 4px 0 0;
3235
+ .ant-checkbox-checked::after {
3236
+ position: absolute;
3237
+ top: 0;
3238
+ left: 0;
3239
+ width: 100%;
3240
+ height: 100%;
3241
+ border: 1px solid #1890ff;
3242
+ border-radius: 2px;
3243
+ visibility: hidden;
3244
+ -webkit-animation: antCheckboxEffect 0.36s ease-in-out;
3245
+ animation: antCheckboxEffect 0.36s ease-in-out;
3246
+ -webkit-animation-fill-mode: backwards;
3247
+ animation-fill-mode: backwards;
3248
+ content: '';
3134
3249
  }
3135
- .ant-input-textarea-rtl {
3136
- direction: rtl;
3250
+ .ant-checkbox:hover::after,
3251
+ .ant-checkbox-wrapper:hover .ant-checkbox::after {
3252
+ visibility: visible;
3137
3253
  }
3138
- .ant-input-textarea-rtl.ant-input-textarea-show-count::after {
3139
- text-align: left;
3254
+ .ant-checkbox-inner {
3255
+ position: relative;
3256
+ top: 0;
3257
+ left: 0;
3258
+ display: block;
3259
+ width: 16px;
3260
+ height: 16px;
3261
+ direction: ltr;
3262
+ background-color: #fff;
3263
+ border: 1px solid #d9d9d9;
3264
+ border-radius: 2px;
3265
+ border-collapse: separate;
3266
+ -webkit-transition: all 0.3s;
3267
+ transition: all 0.3s;
3140
3268
  }
3141
- .ant-input-affix-wrapper-rtl .ant-input-clear-icon:last-child {
3142
- margin-right: 4px;
3143
- margin-left: 0;
3269
+ .ant-checkbox-inner::after {
3270
+ position: absolute;
3271
+ top: 50%;
3272
+ left: 22%;
3273
+ display: table;
3274
+ width: 5.71428571px;
3275
+ height: 9.14285714px;
3276
+ border: 2px solid #fff;
3277
+ border-top: 0;
3278
+ border-left: 0;
3279
+ -webkit-transform: rotate(45deg) scale(0) translate(-50%, -50%);
3280
+ transform: rotate(45deg) scale(0) translate(-50%, -50%);
3281
+ opacity: 0;
3282
+ -webkit-transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
3283
+ transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
3284
+ content: ' ';
3144
3285
  }
3145
- .ant-input-affix-wrapper-rtl .ant-input-clear-icon {
3146
- right: auto;
3147
- left: 8px;
3286
+ .ant-checkbox-input {
3287
+ position: absolute;
3288
+ top: 0;
3289
+ right: 0;
3290
+ bottom: 0;
3291
+ left: 0;
3292
+ z-index: 1;
3293
+ width: 100%;
3294
+ height: 100%;
3295
+ cursor: pointer;
3296
+ opacity: 0;
3148
3297
  }
3149
- .ant-input-search-rtl {
3150
- direction: rtl;
3298
+ .ant-checkbox-checked .ant-checkbox-inner::after {
3299
+ position: absolute;
3300
+ display: table;
3301
+ border: 2px solid #fff;
3302
+ border-top: 0;
3303
+ border-left: 0;
3304
+ -webkit-transform: rotate(45deg) scale(1) translate(-50%, -50%);
3305
+ transform: rotate(45deg) scale(1) translate(-50%, -50%);
3306
+ opacity: 1;
3307
+ -webkit-transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
3308
+ transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
3309
+ content: ' ';
3151
3310
  }
3152
- .ant-input-search-rtl .ant-input:hover + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary),
3153
- .ant-input-search-rtl .ant-input:focus + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary) {
3154
- border-right-color: #40a9ff;
3155
- border-left-color: #d9d9d9;
3311
+ .ant-checkbox-checked .ant-checkbox-inner {
3312
+ background-color: #1890ff;
3313
+ border-color: #1890ff;
3156
3314
  }
3157
- .ant-input-search-rtl > .ant-input-group > .ant-input-affix-wrapper:hover,
3158
- .ant-input-search-rtl > .ant-input-group > .ant-input-affix-wrapper-focused {
3159
- border-right-color: #40a9ff;
3315
+ .ant-checkbox-disabled {
3316
+ cursor: not-allowed;
3160
3317
  }
3161
- .ant-input-search-rtl > .ant-input-group > .ant-input-group-addon {
3162
- right: -1px;
3163
- left: auto;
3318
+ .ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner::after {
3319
+ border-color: rgba(0, 0, 0, 0.25);
3320
+ -webkit-animation-name: none;
3321
+ animation-name: none;
3164
3322
  }
3165
- .ant-input-search-rtl > .ant-input-group > .ant-input-group-addon .ant-input-search-button {
3166
- border-radius: 2px 0 0 2px;
3323
+ .ant-checkbox-disabled .ant-checkbox-input {
3324
+ cursor: not-allowed;
3167
3325
  }
3168
- @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
3169
- .ant-input {
3170
- height: 32px;
3171
- }
3172
- .ant-input-lg {
3173
- height: 40px;
3174
- }
3175
- .ant-input-sm {
3176
- height: 24px;
3177
- }
3178
- .ant-input-affix-wrapper > input.ant-input {
3179
- height: auto;
3180
- }
3326
+ .ant-checkbox-disabled .ant-checkbox-inner {
3327
+ background-color: #f5f5f5;
3328
+ border-color: #d9d9d9 !important;
3329
+ }
3330
+ .ant-checkbox-disabled .ant-checkbox-inner::after {
3331
+ border-color: #f5f5f5;
3332
+ border-collapse: separate;
3333
+ -webkit-animation-name: none;
3334
+ animation-name: none;
3181
3335
  }
3182
- .pandora-sdk-check-transform-list {
3183
- display: -webkit-box;
3184
- display: -ms-flexbox;
3185
- display: flex;
3186
- margin-top: 20px;
3187
- padding-left: 5px;
3188
- padding-right: 5px;
3336
+ .ant-checkbox-disabled + span {
3337
+ color: rgba(0, 0, 0, 0.25);
3338
+ cursor: not-allowed;
3189
3339
  }
3190
- .pandora-sdk-check-transform-list .pandora-sdk-check-transform-divider {
3191
- height: auto;
3192
- margin-left: 40px;
3193
- margin-right: 40px;
3340
+ .ant-checkbox-disabled:hover::after,
3341
+ .ant-checkbox-wrapper:hover .ant-checkbox-disabled::after {
3342
+ visibility: hidden;
3194
3343
  }
3195
- .pandora-sdk-check-transform {
3196
- -webkit-box-flex: 1;
3197
- -ms-flex: 1;
3198
- flex: 1;
3344
+ .ant-checkbox-wrapper {
3345
+ -webkit-box-sizing: border-box;
3346
+ box-sizing: border-box;
3347
+ margin: 0;
3348
+ padding: 0;
3349
+ color: rgba(0, 0, 0, 0.85);
3350
+ font-size: 14px;
3351
+ font-variant: tabular-nums;
3352
+ line-height: 1.5715;
3353
+ list-style: none;
3354
+ -webkit-font-feature-settings: 'tnum';
3355
+ font-feature-settings: 'tnum';
3356
+ display: -webkit-inline-box;
3357
+ display: -ms-inline-flexbox;
3358
+ display: inline-flex;
3359
+ -webkit-box-align: baseline;
3360
+ -ms-flex-align: baseline;
3361
+ align-items: baseline;
3362
+ line-height: unset;
3363
+ cursor: pointer;
3199
3364
  }
3200
- .pandora-sdk-check-transform .pandora-sdk-check-transform-header {
3201
- margin-bottom: 10px;
3365
+ .ant-checkbox-wrapper::after {
3366
+ display: inline-block;
3367
+ width: 0;
3368
+ overflow: hidden;
3369
+ content: '\a0';
3202
3370
  }
3203
- .pandora-sdk-check-transform .pandora-sdk-check-transform-search {
3204
- width: 100%;
3205
- height: 40px;
3206
- margin-bottom: 10px;
3371
+ .ant-checkbox-wrapper.ant-checkbox-wrapper-disabled {
3372
+ cursor: not-allowed;
3207
3373
  }
3208
- .pandora-sdk-check-transform .pandora-sdk-check-transform-checkBox {
3209
- line-height: 40px;
3374
+ .ant-checkbox-wrapper + .ant-checkbox-wrapper {
3375
+ margin-left: 8px;
3210
3376
  }
3211
- .pandora-sdk-check-transform .pandora-sdk-check-transform-checkBox .pandora-sdk-check-transform-checkbox-group {
3212
- line-height: 40px;
3377
+ .ant-checkbox + span {
3378
+ padding-right: 8px;
3379
+ padding-left: 8px;
3213
3380
  }
3214
- .ant-card {
3381
+ .ant-checkbox-group {
3215
3382
  -webkit-box-sizing: border-box;
3216
3383
  box-sizing: border-box;
3217
3384
  margin: 0;
@@ -3223,985 +3390,835 @@ textarea.ant-input {
3223
3390
  list-style: none;
3224
3391
  -webkit-font-feature-settings: 'tnum';
3225
3392
  font-feature-settings: 'tnum';
3226
- position: relative;
3227
- background: #fff;
3228
- border-radius: 2px;
3393
+ display: inline-block;
3229
3394
  }
3230
- .ant-card-rtl {
3395
+ .ant-checkbox-group-item {
3396
+ margin-right: 8px;
3397
+ }
3398
+ .ant-checkbox-group-item:last-child {
3399
+ margin-right: 0;
3400
+ }
3401
+ .ant-checkbox-group-item + .ant-checkbox-group-item {
3402
+ margin-left: 0;
3403
+ }
3404
+ .ant-checkbox-indeterminate .ant-checkbox-inner {
3405
+ background-color: #fff;
3406
+ border-color: #d9d9d9;
3407
+ }
3408
+ .ant-checkbox-indeterminate .ant-checkbox-inner::after {
3409
+ top: 50%;
3410
+ left: 50%;
3411
+ width: 8px;
3412
+ height: 8px;
3413
+ background-color: #1890ff;
3414
+ border: 0;
3415
+ -webkit-transform: translate(-50%, -50%) scale(1);
3416
+ transform: translate(-50%, -50%) scale(1);
3417
+ opacity: 1;
3418
+ content: ' ';
3419
+ }
3420
+ .ant-checkbox-indeterminate.ant-checkbox-disabled .ant-checkbox-inner::after {
3421
+ background-color: rgba(0, 0, 0, 0.25);
3422
+ border-color: rgba(0, 0, 0, 0.25);
3423
+ }
3424
+ .ant-checkbox-rtl {
3231
3425
  direction: rtl;
3232
3426
  }
3233
- .ant-card-hoverable {
3234
- cursor: pointer;
3235
- -webkit-transition: border-color 0.3s, -webkit-box-shadow 0.3s;
3236
- transition: border-color 0.3s, -webkit-box-shadow 0.3s;
3237
- transition: box-shadow 0.3s, border-color 0.3s;
3238
- transition: box-shadow 0.3s, border-color 0.3s, -webkit-box-shadow 0.3s;
3427
+ .ant-checkbox-group-rtl .ant-checkbox-group-item {
3428
+ margin-right: 0;
3429
+ margin-left: 8px;
3239
3430
  }
3240
- .ant-card-hoverable:hover {
3241
- border-color: transparent;
3242
- -webkit-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);
3243
- 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);
3431
+ .ant-checkbox-group-rtl .ant-checkbox-group-item:last-child {
3432
+ margin-left: 0 !important;
3244
3433
  }
3245
- .ant-card-bordered {
3246
- border: 1px solid #f0f0f0;
3434
+ .ant-checkbox-group-rtl .ant-checkbox-group-item + .ant-checkbox-group-item {
3435
+ margin-left: 8px;
3247
3436
  }
3248
- .ant-card-head {
3249
- min-height: 48px;
3250
- margin-bottom: -1px;
3251
- padding: 0 24px;
3437
+ .ant-input-affix-wrapper {
3438
+ position: relative;
3439
+ display: inline-block;
3440
+ width: 100%;
3441
+ min-width: 0;
3442
+ padding: 4px 11px;
3252
3443
  color: rgba(0, 0, 0, 0.85);
3253
- font-weight: 500;
3254
- font-size: 16px;
3255
- background: transparent;
3256
- border-bottom: 1px solid #f0f0f0;
3257
- border-radius: 2px 2px 0 0;
3444
+ font-size: 14px;
3445
+ line-height: 1.5715;
3446
+ background-color: #fff;
3447
+ background-image: none;
3448
+ border: 1px solid #d9d9d9;
3449
+ border-radius: 2px;
3450
+ -webkit-transition: all 0.3s;
3451
+ transition: all 0.3s;
3452
+ display: -webkit-inline-box;
3453
+ display: -ms-inline-flexbox;
3454
+ display: inline-flex;
3258
3455
  }
3259
- .ant-card-head::before {
3260
- display: table;
3261
- content: '';
3456
+ .ant-input-affix-wrapper::-moz-placeholder {
3457
+ opacity: 1;
3262
3458
  }
3263
- .ant-card-head::after {
3264
- display: table;
3265
- clear: both;
3266
- content: '';
3459
+ .ant-input-affix-wrapper::-webkit-input-placeholder {
3460
+ color: #bfbfbf;
3267
3461
  }
3268
- .ant-card-head-wrapper {
3269
- display: -webkit-box;
3270
- display: -ms-flexbox;
3271
- display: flex;
3272
- -webkit-box-align: center;
3273
- -ms-flex-align: center;
3274
- align-items: center;
3462
+ .ant-input-affix-wrapper::-ms-input-placeholder {
3463
+ color: #bfbfbf;
3275
3464
  }
3276
- .ant-card-head-title {
3277
- display: inline-block;
3278
- -webkit-box-flex: 1;
3279
- -ms-flex: 1;
3280
- flex: 1;
3281
- padding: 16px 0;
3282
- overflow: hidden;
3283
- white-space: nowrap;
3465
+ .ant-input-affix-wrapper::placeholder {
3466
+ color: #bfbfbf;
3467
+ }
3468
+ .ant-input-affix-wrapper:placeholder-shown {
3284
3469
  text-overflow: ellipsis;
3285
3470
  }
3286
- .ant-card-head-title > .ant-typography,
3287
- .ant-card-head-title > .ant-typography-edit-content {
3288
- left: 0;
3289
- margin-top: 0;
3290
- margin-bottom: 0;
3471
+ .ant-input-affix-wrapper:hover {
3472
+ border-color: #40a9ff;
3473
+ border-right-width: 1px !important;
3291
3474
  }
3292
- .ant-card-head .ant-tabs {
3293
- clear: both;
3294
- margin-bottom: -17px;
3295
- color: rgba(0, 0, 0, 0.85);
3296
- font-weight: normal;
3297
- font-size: 14px;
3475
+ .ant-input-rtl .ant-input-affix-wrapper:hover {
3476
+ border-right-width: 0;
3477
+ border-left-width: 1px !important;
3298
3478
  }
3299
- .ant-card-head .ant-tabs-bar {
3300
- border-bottom: 1px solid #f0f0f0;
3479
+ .ant-input-affix-wrapper:focus,
3480
+ .ant-input-affix-wrapper-focused {
3481
+ border-color: #40a9ff;
3482
+ border-right-width: 1px !important;
3483
+ outline: 0;
3484
+ -webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
3485
+ box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
3301
3486
  }
3302
- .ant-card-extra {
3303
- float: right;
3304
- margin-left: auto;
3305
- padding: 16px 0;
3306
- color: rgba(0, 0, 0, 0.85);
3307
- font-weight: normal;
3308
- font-size: 14px;
3487
+ .ant-input-rtl .ant-input-affix-wrapper:focus,
3488
+ .ant-input-rtl .ant-input-affix-wrapper-focused {
3489
+ border-right-width: 0;
3490
+ border-left-width: 1px !important;
3309
3491
  }
3310
- .ant-card-rtl .ant-card-extra {
3311
- margin-right: auto;
3312
- margin-left: 0;
3492
+ .ant-input-affix-wrapper-disabled {
3493
+ color: rgba(0, 0, 0, 0.25);
3494
+ background-color: #f5f5f5;
3495
+ cursor: not-allowed;
3496
+ opacity: 1;
3313
3497
  }
3314
- .ant-card-body {
3315
- padding: 24px;
3498
+ .ant-input-affix-wrapper-disabled:hover {
3499
+ border-color: #d9d9d9;
3500
+ border-right-width: 1px !important;
3316
3501
  }
3317
- .ant-card-body::before {
3318
- display: table;
3319
- content: '';
3502
+ .ant-input-affix-wrapper[disabled] {
3503
+ color: rgba(0, 0, 0, 0.25);
3504
+ background-color: #f5f5f5;
3505
+ cursor: not-allowed;
3506
+ opacity: 1;
3320
3507
  }
3321
- .ant-card-body::after {
3322
- display: table;
3323
- clear: both;
3324
- content: '';
3508
+ .ant-input-affix-wrapper[disabled]:hover {
3509
+ border-color: #d9d9d9;
3510
+ border-right-width: 1px !important;
3511
+ }
3512
+ .ant-input-affix-wrapper-borderless,
3513
+ .ant-input-affix-wrapper-borderless:hover,
3514
+ .ant-input-affix-wrapper-borderless:focus,
3515
+ .ant-input-affix-wrapper-borderless-focused,
3516
+ .ant-input-affix-wrapper-borderless-disabled,
3517
+ .ant-input-affix-wrapper-borderless[disabled] {
3518
+ background-color: transparent;
3519
+ border: none;
3520
+ -webkit-box-shadow: none;
3521
+ box-shadow: none;
3325
3522
  }
3326
- .ant-card-contain-grid:not(.ant-card-loading) .ant-card-body {
3327
- margin: -1px 0 0 -1px;
3328
- padding: 0;
3523
+ textarea.ant-input-affix-wrapper {
3524
+ max-width: 100%;
3525
+ height: auto;
3526
+ min-height: 32px;
3527
+ line-height: 1.5715;
3528
+ vertical-align: bottom;
3529
+ -webkit-transition: all 0.3s, height 0s;
3530
+ transition: all 0.3s, height 0s;
3329
3531
  }
3330
- .ant-card-grid {
3331
- float: left;
3332
- width: 33.33%;
3333
- padding: 24px;
3334
- border: 0;
3335
- border-radius: 0;
3336
- -webkit-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;
3337
- 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;
3338
- -webkit-transition: all 0.3s;
3339
- transition: all 0.3s;
3532
+ .ant-input-affix-wrapper-lg {
3533
+ padding: 6.5px 11px;
3534
+ font-size: 16px;
3340
3535
  }
3341
- .ant-card-rtl .ant-card-grid {
3342
- float: right;
3536
+ .ant-input-affix-wrapper-sm {
3537
+ padding: 0px 7px;
3343
3538
  }
3344
- .ant-card-grid-hoverable:hover {
3345
- position: relative;
3346
- z-index: 1;
3347
- -webkit-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);
3348
- 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);
3539
+ .ant-input-affix-wrapper-rtl {
3540
+ direction: rtl;
3349
3541
  }
3350
- .ant-card-contain-tabs > .ant-card-head .ant-card-head-title {
3351
- min-height: 32px;
3352
- padding-bottom: 0;
3542
+ .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover {
3543
+ border-color: #40a9ff;
3544
+ border-right-width: 1px !important;
3545
+ z-index: 1;
3353
3546
  }
3354
- .ant-card-contain-tabs > .ant-card-head .ant-card-extra {
3355
- padding-bottom: 0;
3547
+ .ant-input-rtl .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover {
3548
+ border-right-width: 0;
3549
+ border-left-width: 1px !important;
3356
3550
  }
3357
- .ant-card-bordered .ant-card-cover {
3358
- margin-top: -1px;
3359
- margin-right: -1px;
3360
- margin-left: -1px;
3551
+ .ant-input-search-with-button .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover {
3552
+ z-index: 0;
3361
3553
  }
3362
- .ant-card-cover > * {
3363
- display: block;
3364
- width: 100%;
3554
+ .ant-input-affix-wrapper-focused,
3555
+ .ant-input-affix-wrapper:focus {
3556
+ z-index: 1;
3365
3557
  }
3366
- .ant-card-cover img {
3367
- border-radius: 2px 2px 0 0;
3558
+ .ant-input-affix-wrapper-disabled .ant-input[disabled] {
3559
+ background: transparent;
3368
3560
  }
3369
- .ant-card-actions {
3370
- margin: 0;
3561
+ .ant-input-affix-wrapper > input.ant-input {
3371
3562
  padding: 0;
3372
- list-style: none;
3373
- background: #fff;
3374
- border-top: 1px solid #f0f0f0;
3563
+ border: none;
3564
+ outline: none;
3375
3565
  }
3376
- .ant-card-actions::before {
3377
- display: table;
3378
- content: '';
3566
+ .ant-input-affix-wrapper > input.ant-input:focus {
3567
+ -webkit-box-shadow: none !important;
3568
+ box-shadow: none !important;
3379
3569
  }
3380
- .ant-card-actions::after {
3381
- display: table;
3382
- clear: both;
3383
- content: '';
3570
+ .ant-input-affix-wrapper::before {
3571
+ width: 0;
3572
+ visibility: hidden;
3573
+ content: '\a0';
3384
3574
  }
3385
- .ant-card-actions > li {
3386
- float: left;
3387
- margin: 12px 0;
3388
- color: rgba(0, 0, 0, 0.45);
3389
- text-align: center;
3575
+ .ant-input-prefix,
3576
+ .ant-input-suffix {
3577
+ display: -webkit-box;
3578
+ display: -ms-flexbox;
3579
+ display: flex;
3580
+ -webkit-box-flex: 0;
3581
+ -ms-flex: none;
3582
+ flex: none;
3583
+ -webkit-box-align: center;
3584
+ -ms-flex-align: center;
3585
+ align-items: center;
3390
3586
  }
3391
- .ant-card-rtl .ant-card-actions > li {
3392
- float: right;
3587
+ .ant-input-prefix {
3588
+ margin-right: 4px;
3393
3589
  }
3394
- .ant-card-actions > li > span {
3395
- position: relative;
3396
- display: block;
3397
- min-width: 32px;
3398
- font-size: 14px;
3399
- line-height: 1.5715;
3400
- cursor: pointer;
3590
+ .ant-input-suffix {
3591
+ margin-left: 4px;
3401
3592
  }
3402
- .ant-card-actions > li > span:hover {
3403
- color: #1890ff;
3593
+ .anticon.ant-input-clear-icon {
3594
+ margin: 0 4px;
3595
+ color: rgba(0, 0, 0, 0.25);
3596
+ font-size: 12px;
3597
+ vertical-align: -1px;
3598
+ cursor: pointer;
3404
3599
  -webkit-transition: color 0.3s;
3405
3600
  transition: color 0.3s;
3406
3601
  }
3407
- .ant-card-actions > li > span a:not(.ant-btn),
3408
- .ant-card-actions > li > span > .anticon {
3409
- display: inline-block;
3410
- width: 100%;
3602
+ .anticon.ant-input-clear-icon:hover {
3411
3603
  color: rgba(0, 0, 0, 0.45);
3412
- line-height: 22px;
3413
- -webkit-transition: color 0.3s;
3414
- transition: color 0.3s;
3415
3604
  }
3416
- .ant-card-actions > li > span a:not(.ant-btn):hover,
3417
- .ant-card-actions > li > span > .anticon:hover {
3418
- color: #1890ff;
3605
+ .anticon.ant-input-clear-icon:active {
3606
+ color: rgba(0, 0, 0, 0.85);
3419
3607
  }
3420
- .ant-card-actions > li > span > .anticon {
3421
- font-size: 16px;
3422
- line-height: 22px;
3608
+ .anticon.ant-input-clear-icon-hidden {
3609
+ visibility: hidden;
3423
3610
  }
3424
- .ant-card-actions > li:not(:last-child) {
3425
- border-right: 1px solid #f0f0f0;
3611
+ .anticon.ant-input-clear-icon:last-child {
3612
+ margin-right: 0;
3426
3613
  }
3427
- .ant-card-rtl .ant-card-actions > li:not(:last-child) {
3428
- border-right: none;
3429
- border-left: 1px solid #f0f0f0;
3614
+ .ant-input-affix-wrapper-textarea-with-clear-btn {
3615
+ padding: 0 !important;
3616
+ border: 0 !important;
3430
3617
  }
3431
- .ant-card-type-inner .ant-card-head {
3432
- padding: 0 24px;
3433
- background: #fafafa;
3618
+ .ant-input-affix-wrapper-textarea-with-clear-btn .ant-input-clear-icon {
3619
+ position: absolute;
3620
+ top: 8px;
3621
+ right: 8px;
3622
+ z-index: 1;
3434
3623
  }
3435
- .ant-card-type-inner .ant-card-head-title {
3436
- padding: 12px 0;
3624
+ .ant-input {
3625
+ -webkit-box-sizing: border-box;
3626
+ box-sizing: border-box;
3627
+ margin: 0;
3628
+ padding: 0;
3629
+ font-variant: tabular-nums;
3630
+ list-style: none;
3631
+ -webkit-font-feature-settings: 'tnum';
3632
+ font-feature-settings: 'tnum';
3633
+ position: relative;
3634
+ display: inline-block;
3635
+ width: 100%;
3636
+ min-width: 0;
3637
+ padding: 4px 11px;
3638
+ color: rgba(0, 0, 0, 0.85);
3437
3639
  font-size: 14px;
3640
+ line-height: 1.5715;
3641
+ background-color: #fff;
3642
+ background-image: none;
3643
+ border: 1px solid #d9d9d9;
3644
+ border-radius: 2px;
3645
+ -webkit-transition: all 0.3s;
3646
+ transition: all 0.3s;
3438
3647
  }
3439
- .ant-card-type-inner .ant-card-body {
3440
- padding: 16px 24px;
3441
- }
3442
- .ant-card-type-inner .ant-card-extra {
3443
- padding: 13.5px 0;
3444
- }
3445
- .ant-card-meta {
3446
- margin: -4px 0;
3447
- }
3448
- .ant-card-meta::before {
3449
- display: table;
3450
- content: '';
3451
- }
3452
- .ant-card-meta::after {
3453
- display: table;
3454
- clear: both;
3455
- content: '';
3456
- }
3457
- .ant-card-meta-avatar {
3458
- float: left;
3459
- padding-right: 16px;
3648
+ .ant-input::-moz-placeholder {
3649
+ opacity: 1;
3460
3650
  }
3461
- .ant-card-rtl .ant-card-meta-avatar {
3462
- float: right;
3463
- padding-right: 0;
3464
- padding-left: 16px;
3651
+ .ant-input::-webkit-input-placeholder {
3652
+ color: #bfbfbf;
3465
3653
  }
3466
- .ant-card-meta-detail {
3467
- overflow: hidden;
3654
+ .ant-input::-ms-input-placeholder {
3655
+ color: #bfbfbf;
3468
3656
  }
3469
- .ant-card-meta-detail > div:not(:last-child) {
3470
- margin-bottom: 8px;
3657
+ .ant-input::placeholder {
3658
+ color: #bfbfbf;
3471
3659
  }
3472
- .ant-card-meta-title {
3473
- overflow: hidden;
3474
- color: rgba(0, 0, 0, 0.85);
3475
- font-weight: 500;
3476
- font-size: 16px;
3477
- white-space: nowrap;
3660
+ .ant-input:placeholder-shown {
3478
3661
  text-overflow: ellipsis;
3479
3662
  }
3480
- .ant-card-meta-description {
3481
- color: rgba(0, 0, 0, 0.45);
3482
- }
3483
- .ant-card-loading {
3484
- overflow: hidden;
3485
- }
3486
- .ant-card-loading .ant-card-body {
3487
- -webkit-user-select: none;
3488
- -moz-user-select: none;
3489
- -ms-user-select: none;
3490
- user-select: none;
3663
+ .ant-input:hover {
3664
+ border-color: #40a9ff;
3665
+ border-right-width: 1px !important;
3491
3666
  }
3492
- .ant-card-loading-content p {
3493
- margin: 0;
3667
+ .ant-input-rtl .ant-input:hover {
3668
+ border-right-width: 0;
3669
+ border-left-width: 1px !important;
3494
3670
  }
3495
- .ant-card-loading-block {
3496
- height: 14px;
3497
- margin: 4px 0;
3498
- background: -webkit-gradient(linear, left top, right top, from(rgba(207, 216, 220, 0.2)), color-stop(rgba(207, 216, 220, 0.4)), to(rgba(207, 216, 220, 0.2)));
3499
- background: linear-gradient(90deg, rgba(207, 216, 220, 0.2), rgba(207, 216, 220, 0.4), rgba(207, 216, 220, 0.2));
3500
- background-size: 600% 600%;
3501
- border-radius: 2px;
3502
- -webkit-animation: card-loading 1.4s ease infinite;
3503
- animation: card-loading 1.4s ease infinite;
3671
+ .ant-input:focus,
3672
+ .ant-input-focused {
3673
+ border-color: #40a9ff;
3674
+ border-right-width: 1px !important;
3675
+ outline: 0;
3676
+ -webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
3677
+ box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
3504
3678
  }
3505
- @-webkit-keyframes card-loading {
3506
- 0%,
3507
- 100% {
3508
- background-position: 0 50%;
3509
- }
3510
- 50% {
3511
- background-position: 100% 50%;
3512
- }
3679
+ .ant-input-rtl .ant-input:focus,
3680
+ .ant-input-rtl .ant-input-focused {
3681
+ border-right-width: 0;
3682
+ border-left-width: 1px !important;
3513
3683
  }
3514
- @keyframes card-loading {
3515
- 0%,
3516
- 100% {
3517
- background-position: 0 50%;
3518
- }
3519
- 50% {
3520
- background-position: 100% 50%;
3521
- }
3684
+ .ant-input-disabled {
3685
+ color: rgba(0, 0, 0, 0.25);
3686
+ background-color: #f5f5f5;
3687
+ cursor: not-allowed;
3688
+ opacity: 1;
3522
3689
  }
3523
- .ant-card-small > .ant-card-head {
3524
- min-height: 36px;
3525
- padding: 0 12px;
3526
- font-size: 14px;
3690
+ .ant-input-disabled:hover {
3691
+ border-color: #d9d9d9;
3692
+ border-right-width: 1px !important;
3527
3693
  }
3528
- .ant-card-small > .ant-card-head > .ant-card-head-wrapper > .ant-card-head-title {
3529
- padding: 8px 0;
3694
+ .ant-input[disabled] {
3695
+ color: rgba(0, 0, 0, 0.25);
3696
+ background-color: #f5f5f5;
3697
+ cursor: not-allowed;
3698
+ opacity: 1;
3530
3699
  }
3531
- .ant-card-small > .ant-card-head > .ant-card-head-wrapper > .ant-card-extra {
3532
- padding: 8px 0;
3533
- font-size: 14px;
3700
+ .ant-input[disabled]:hover {
3701
+ border-color: #d9d9d9;
3702
+ border-right-width: 1px !important;
3534
3703
  }
3535
- .ant-card-small > .ant-card-body {
3536
- padding: 12px;
3704
+ .ant-input-borderless,
3705
+ .ant-input-borderless:hover,
3706
+ .ant-input-borderless:focus,
3707
+ .ant-input-borderless-focused,
3708
+ .ant-input-borderless-disabled,
3709
+ .ant-input-borderless[disabled] {
3710
+ background-color: transparent;
3711
+ border: none;
3712
+ -webkit-box-shadow: none;
3713
+ box-shadow: none;
3537
3714
  }
3538
- .ant-tabs-small > .ant-tabs-nav .ant-tabs-tab {
3539
- padding: 8px 0;
3540
- font-size: 14px;
3715
+ textarea.ant-input {
3716
+ max-width: 100%;
3717
+ height: auto;
3718
+ min-height: 32px;
3719
+ line-height: 1.5715;
3720
+ vertical-align: bottom;
3721
+ -webkit-transition: all 0.3s, height 0s;
3722
+ transition: all 0.3s, height 0s;
3541
3723
  }
3542
- .ant-tabs-large > .ant-tabs-nav .ant-tabs-tab {
3543
- padding: 16px 0;
3724
+ .ant-input-lg {
3725
+ padding: 6.5px 11px;
3544
3726
  font-size: 16px;
3545
3727
  }
3546
- .ant-tabs-card.ant-tabs-small > .ant-tabs-nav .ant-tabs-tab {
3547
- padding: 6px 16px;
3548
- }
3549
- .ant-tabs-card.ant-tabs-large > .ant-tabs-nav .ant-tabs-tab {
3550
- padding: 7px 16px 6px;
3728
+ .ant-input-sm {
3729
+ padding: 0px 7px;
3551
3730
  }
3552
- .ant-tabs-rtl {
3731
+ .ant-input-rtl {
3553
3732
  direction: rtl;
3554
3733
  }
3555
- .ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab {
3556
- margin: 0 0 0 32px;
3734
+ .ant-input-group {
3735
+ -webkit-box-sizing: border-box;
3736
+ box-sizing: border-box;
3737
+ margin: 0;
3738
+ padding: 0;
3739
+ color: rgba(0, 0, 0, 0.85);
3740
+ font-size: 14px;
3741
+ font-variant: tabular-nums;
3742
+ line-height: 1.5715;
3743
+ list-style: none;
3744
+ -webkit-font-feature-settings: 'tnum';
3745
+ font-feature-settings: 'tnum';
3746
+ position: relative;
3747
+ display: table;
3748
+ width: 100%;
3749
+ border-collapse: separate;
3750
+ border-spacing: 0;
3557
3751
  }
3558
- .ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab:last-of-type {
3559
- margin-left: 0;
3752
+ .ant-input-group[class*='col-'] {
3753
+ float: none;
3754
+ padding-right: 0;
3755
+ padding-left: 0;
3560
3756
  }
3561
- .ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .anticon {
3562
- margin-right: 0;
3563
- margin-left: 12px;
3757
+ .ant-input-group > [class*='col-'] {
3758
+ padding-right: 8px;
3564
3759
  }
3565
- .ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove {
3566
- margin-right: 8px;
3567
- margin-left: -4px;
3760
+ .ant-input-group > [class*='col-']:last-child {
3761
+ padding-right: 0;
3568
3762
  }
3569
- .ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove .anticon {
3570
- margin: 0;
3763
+ .ant-input-group-addon,
3764
+ .ant-input-group-wrap,
3765
+ .ant-input-group > .ant-input {
3766
+ display: table-cell;
3571
3767
  }
3572
- .ant-tabs-rtl.ant-tabs-left > .ant-tabs-nav {
3573
- -webkit-box-ordinal-group: 2;
3574
- -ms-flex-order: 1;
3575
- order: 1;
3768
+ .ant-input-group-addon:not(:first-child):not(:last-child),
3769
+ .ant-input-group-wrap:not(:first-child):not(:last-child),
3770
+ .ant-input-group > .ant-input:not(:first-child):not(:last-child) {
3771
+ border-radius: 0;
3576
3772
  }
3577
- .ant-tabs-rtl.ant-tabs-left > .ant-tabs-content-holder {
3578
- -webkit-box-ordinal-group: 1;
3579
- -ms-flex-order: 0;
3580
- order: 0;
3773
+ .ant-input-group-addon,
3774
+ .ant-input-group-wrap {
3775
+ width: 1px;
3776
+ white-space: nowrap;
3777
+ vertical-align: middle;
3581
3778
  }
3582
- .ant-tabs-rtl.ant-tabs-right > .ant-tabs-nav {
3583
- -webkit-box-ordinal-group: 1;
3584
- -ms-flex-order: 0;
3585
- order: 0;
3779
+ .ant-input-group-wrap > * {
3780
+ display: block !important;
3586
3781
  }
3587
- .ant-tabs-rtl.ant-tabs-right > .ant-tabs-content-holder {
3588
- -webkit-box-ordinal-group: 2;
3589
- -ms-flex-order: 1;
3590
- order: 1;
3782
+ .ant-input-group .ant-input {
3783
+ float: left;
3784
+ width: 100%;
3785
+ margin-bottom: 0;
3786
+ text-align: inherit;
3591
3787
  }
3592
- .ant-tabs-rtl.ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
3593
- .ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
3594
- .ant-tabs-rtl.ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
3595
- .ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab {
3596
- margin-right: 0;
3597
- margin-left: 2px;
3788
+ .ant-input-group .ant-input:focus {
3789
+ z-index: 1;
3790
+ border-right-width: 1px;
3598
3791
  }
3599
- .ant-tabs-dropdown-rtl {
3600
- direction: rtl;
3792
+ .ant-input-group .ant-input:hover {
3793
+ z-index: 1;
3794
+ border-right-width: 1px;
3601
3795
  }
3602
- .ant-tabs-dropdown-rtl .ant-tabs-dropdown-menu-item {
3603
- text-align: right;
3796
+ .ant-input-search-with-button .ant-input-group .ant-input:hover {
3797
+ z-index: 0;
3604
3798
  }
3605
- .ant-tabs-top,
3606
- .ant-tabs-bottom {
3607
- -webkit-box-orient: vertical;
3608
- -webkit-box-direction: normal;
3609
- -ms-flex-direction: column;
3610
- flex-direction: column;
3799
+ .ant-input-group-addon {
3800
+ position: relative;
3801
+ padding: 0 11px;
3802
+ color: rgba(0, 0, 0, 0.85);
3803
+ font-weight: normal;
3804
+ font-size: 14px;
3805
+ text-align: center;
3806
+ background-color: #fafafa;
3807
+ border: 1px solid #d9d9d9;
3808
+ border-radius: 2px;
3809
+ -webkit-transition: all 0.3s;
3810
+ transition: all 0.3s;
3611
3811
  }
3612
- .ant-tabs-top > .ant-tabs-nav,
3613
- .ant-tabs-bottom > .ant-tabs-nav,
3614
- .ant-tabs-top > div > .ant-tabs-nav,
3615
- .ant-tabs-bottom > div > .ant-tabs-nav {
3616
- margin: 0 0 16px 0;
3812
+ .ant-input-group-addon .ant-select {
3813
+ margin: -5px -11px;
3617
3814
  }
3618
- .ant-tabs-top > .ant-tabs-nav::before,
3619
- .ant-tabs-bottom > .ant-tabs-nav::before,
3620
- .ant-tabs-top > div > .ant-tabs-nav::before,
3621
- .ant-tabs-bottom > div > .ant-tabs-nav::before {
3622
- position: absolute;
3623
- right: 0;
3624
- left: 0;
3625
- border-bottom: 1px solid #f0f0f0;
3626
- content: '';
3815
+ .ant-input-group-addon .ant-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
3816
+ background-color: inherit;
3817
+ border: 1px solid transparent;
3818
+ -webkit-box-shadow: none;
3819
+ box-shadow: none;
3627
3820
  }
3628
- .ant-tabs-top > .ant-tabs-nav .ant-tabs-ink-bar,
3629
- .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-ink-bar,
3630
- .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-ink-bar,
3631
- .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-ink-bar {
3632
- height: 2px;
3821
+ .ant-input-group-addon .ant-select-open .ant-select-selector,
3822
+ .ant-input-group-addon .ant-select-focused .ant-select-selector {
3823
+ color: #1890ff;
3633
3824
  }
3634
- .ant-tabs-top > .ant-tabs-nav .ant-tabs-ink-bar-animated,
3635
- .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-ink-bar-animated,
3636
- .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-ink-bar-animated,
3637
- .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-ink-bar-animated {
3638
- -webkit-transition: width 0.3s, left 0.3s, right 0.3s;
3639
- transition: width 0.3s, left 0.3s, right 0.3s;
3825
+ .ant-input-group-addon .ant-cascader-picker {
3826
+ margin: -9px -12px;
3827
+ background-color: transparent;
3640
3828
  }
3641
- .ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap::before,
3642
- .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap::before,
3643
- .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
3644
- .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
3645
- .ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap::after,
3646
- .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap::after,
3647
- .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap::after,
3648
- .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap::after {
3649
- top: 0;
3650
- bottom: 0;
3651
- width: 30px;
3829
+ .ant-input-group-addon .ant-cascader-picker .ant-cascader-input {
3830
+ text-align: left;
3831
+ border: 0;
3832
+ -webkit-box-shadow: none;
3833
+ box-shadow: none;
3652
3834
  }
3653
- .ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap::before,
3654
- .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap::before,
3655
- .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
3656
- .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap::before {
3657
- left: 0;
3658
- -webkit-box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.08);
3659
- box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.08);
3835
+ .ant-input-group > .ant-input:first-child,
3836
+ .ant-input-group-addon:first-child {
3837
+ border-top-right-radius: 0;
3838
+ border-bottom-right-radius: 0;
3839
+ }
3840
+ .ant-input-group > .ant-input:first-child .ant-select .ant-select-selector,
3841
+ .ant-input-group-addon:first-child .ant-select .ant-select-selector {
3842
+ border-top-right-radius: 0;
3843
+ border-bottom-right-radius: 0;
3660
3844
  }
3661
- .ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap::after,
3662
- .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap::after,
3663
- .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap::after,
3664
- .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap::after {
3665
- right: 0;
3666
- -webkit-box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.08);
3667
- box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.08);
3845
+ .ant-input-group > .ant-input-affix-wrapper:not(:first-child) .ant-input {
3846
+ border-top-left-radius: 0;
3847
+ border-bottom-left-radius: 0;
3668
3848
  }
3669
- .ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before,
3670
- .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before,
3671
- .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before,
3672
- .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before {
3673
- opacity: 1;
3849
+ .ant-input-group > .ant-input-affix-wrapper:not(:last-child) .ant-input {
3850
+ border-top-right-radius: 0;
3851
+ border-bottom-right-radius: 0;
3674
3852
  }
3675
- .ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after,
3676
- .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after,
3677
- .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after,
3678
- .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after {
3679
- opacity: 1;
3853
+ .ant-input-group-addon:first-child {
3854
+ border-right: 0;
3680
3855
  }
3681
- .ant-tabs-top > .ant-tabs-nav::before,
3682
- .ant-tabs-top > div > .ant-tabs-nav::before {
3683
- bottom: 0;
3856
+ .ant-input-group-addon:last-child {
3857
+ border-left: 0;
3684
3858
  }
3685
- .ant-tabs-top > .ant-tabs-nav .ant-tabs-ink-bar,
3686
- .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-ink-bar {
3687
- bottom: 0;
3859
+ .ant-input-group > .ant-input:last-child,
3860
+ .ant-input-group-addon:last-child {
3861
+ border-top-left-radius: 0;
3862
+ border-bottom-left-radius: 0;
3688
3863
  }
3689
- .ant-tabs-bottom > .ant-tabs-nav,
3690
- .ant-tabs-bottom > div > .ant-tabs-nav {
3691
- -webkit-box-ordinal-group: 2;
3692
- -ms-flex-order: 1;
3693
- order: 1;
3694
- margin-top: 16px;
3695
- margin-bottom: 0;
3864
+ .ant-input-group > .ant-input:last-child .ant-select .ant-select-selector,
3865
+ .ant-input-group-addon:last-child .ant-select .ant-select-selector {
3866
+ border-top-left-radius: 0;
3867
+ border-bottom-left-radius: 0;
3696
3868
  }
3697
- .ant-tabs-bottom > .ant-tabs-nav::before,
3698
- .ant-tabs-bottom > div > .ant-tabs-nav::before {
3699
- top: 0;
3869
+ .ant-input-group-lg .ant-input,
3870
+ .ant-input-group-lg > .ant-input-group-addon {
3871
+ padding: 6.5px 11px;
3872
+ font-size: 16px;
3700
3873
  }
3701
- .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-ink-bar,
3702
- .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-ink-bar {
3703
- top: 0;
3874
+ .ant-input-group-sm .ant-input,
3875
+ .ant-input-group-sm > .ant-input-group-addon {
3876
+ padding: 0px 7px;
3704
3877
  }
3705
- .ant-tabs-bottom > .ant-tabs-content-holder,
3706
- .ant-tabs-bottom > div > .ant-tabs-content-holder {
3707
- -webkit-box-ordinal-group: 1;
3708
- -ms-flex-order: 0;
3709
- order: 0;
3878
+ .ant-input-group-lg .ant-select-single .ant-select-selector {
3879
+ height: 40px;
3710
3880
  }
3711
- .ant-tabs-left > .ant-tabs-nav,
3712
- .ant-tabs-right > .ant-tabs-nav,
3713
- .ant-tabs-left > div > .ant-tabs-nav,
3714
- .ant-tabs-right > div > .ant-tabs-nav {
3715
- -webkit-box-orient: vertical;
3716
- -webkit-box-direction: normal;
3717
- -ms-flex-direction: column;
3718
- flex-direction: column;
3719
- min-width: 50px;
3881
+ .ant-input-group-sm .ant-select-single .ant-select-selector {
3882
+ height: 24px;
3720
3883
  }
3721
- .ant-tabs-left > .ant-tabs-nav .ant-tabs-tab,
3722
- .ant-tabs-right > .ant-tabs-nav .ant-tabs-tab,
3723
- .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab,
3724
- .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab {
3725
- padding: 8px 24px;
3726
- text-align: center;
3884
+ .ant-input-group .ant-input-affix-wrapper:not(:first-child) {
3885
+ border-top-left-radius: 0;
3886
+ border-bottom-left-radius: 0;
3727
3887
  }
3728
- .ant-tabs-left > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
3729
- .ant-tabs-right > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
3730
- .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
3731
- .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab {
3732
- margin: 16px 0 0 0;
3888
+ .ant-input-group .ant-input-affix-wrapper:not(:last-child) {
3889
+ border-top-right-radius: 0;
3890
+ border-bottom-right-radius: 0;
3733
3891
  }
3734
- .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap,
3735
- .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap,
3736
- .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap,
3737
- .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap {
3738
- -webkit-box-orient: vertical;
3739
- -webkit-box-direction: normal;
3740
- -ms-flex-direction: column;
3741
- flex-direction: column;
3892
+ .ant-input-search .ant-input-group .ant-input-affix-wrapper:not(:last-child) {
3893
+ border-top-left-radius: 2px;
3894
+ border-bottom-left-radius: 2px;
3742
3895
  }
3743
- .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap::before,
3744
- .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap::before,
3745
- .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
3746
- .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
3747
- .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap::after,
3748
- .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap::after,
3749
- .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap::after,
3750
- .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap::after {
3751
- right: 0;
3752
- left: 0;
3753
- height: 30px;
3896
+ .ant-input-group.ant-input-group-compact {
3897
+ display: block;
3754
3898
  }
3755
- .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap::before,
3756
- .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap::before,
3757
- .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
3758
- .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap::before {
3759
- top: 0;
3760
- -webkit-box-shadow: inset 0 10px 8px -8px rgba(0, 0, 0, 0.08);
3761
- box-shadow: inset 0 10px 8px -8px rgba(0, 0, 0, 0.08);
3899
+ .ant-input-group.ant-input-group-compact::before {
3900
+ display: table;
3901
+ content: '';
3762
3902
  }
3763
- .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap::after,
3764
- .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap::after,
3765
- .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap::after,
3766
- .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap::after {
3767
- bottom: 0;
3768
- -webkit-box-shadow: inset 0 -10px 8px -8px rgba(0, 0, 0, 0.08);
3769
- box-shadow: inset 0 -10px 8px -8px rgba(0, 0, 0, 0.08);
3903
+ .ant-input-group.ant-input-group-compact::after {
3904
+ display: table;
3905
+ clear: both;
3906
+ content: '';
3770
3907
  }
3771
- .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before,
3772
- .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before,
3773
- .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before,
3774
- .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before {
3775
- opacity: 1;
3908
+ .ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child),
3909
+ .ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child),
3910
+ .ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child) {
3911
+ border-right-width: 1px;
3776
3912
  }
3777
- .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after,
3778
- .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after,
3779
- .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after,
3780
- .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after {
3781
- opacity: 1;
3913
+ .ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child):hover,
3914
+ .ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child):hover,
3915
+ .ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child):hover {
3916
+ z-index: 1;
3782
3917
  }
3783
- .ant-tabs-left > .ant-tabs-nav .ant-tabs-ink-bar,
3784
- .ant-tabs-right > .ant-tabs-nav .ant-tabs-ink-bar,
3785
- .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-ink-bar,
3786
- .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-ink-bar {
3787
- width: 2px;
3918
+ .ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child):focus,
3919
+ .ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child):focus,
3920
+ .ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child):focus {
3921
+ z-index: 1;
3788
3922
  }
3789
- .ant-tabs-left > .ant-tabs-nav .ant-tabs-ink-bar-animated,
3790
- .ant-tabs-right > .ant-tabs-nav .ant-tabs-ink-bar-animated,
3791
- .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-ink-bar-animated,
3792
- .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-ink-bar-animated {
3793
- -webkit-transition: height 0.3s, top 0.3s;
3794
- transition: height 0.3s, top 0.3s;
3923
+ .ant-input-group.ant-input-group-compact > * {
3924
+ display: inline-block;
3925
+ float: none;
3926
+ vertical-align: top;
3927
+ border-radius: 0;
3795
3928
  }
3796
- .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-list,
3797
- .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-list,
3798
- .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-list,
3799
- .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-list,
3800
- .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-operations,
3801
- .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-operations,
3802
- .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-operations,
3803
- .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-operations {
3804
- -webkit-box-flex: 1;
3805
- -ms-flex: 1 0 auto;
3806
- flex: 1 0 auto;
3807
- -webkit-box-orient: vertical;
3808
- -webkit-box-direction: normal;
3809
- -ms-flex-direction: column;
3810
- flex-direction: column;
3929
+ .ant-input-group.ant-input-group-compact > .ant-input-affix-wrapper {
3930
+ display: -webkit-inline-box;
3931
+ display: -ms-inline-flexbox;
3932
+ display: inline-flex;
3811
3933
  }
3812
- .ant-tabs-left > .ant-tabs-nav .ant-tabs-ink-bar,
3813
- .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-ink-bar {
3814
- right: 0;
3934
+ .ant-input-group.ant-input-group-compact > .ant-picker-range {
3935
+ display: -webkit-inline-box;
3936
+ display: -ms-inline-flexbox;
3937
+ display: inline-flex;
3815
3938
  }
3816
- .ant-tabs-left > .ant-tabs-content-holder,
3817
- .ant-tabs-left > div > .ant-tabs-content-holder {
3818
- margin-left: -1px;
3819
- border-left: 1px solid #f0f0f0;
3939
+ .ant-input-group.ant-input-group-compact > *:not(:last-child) {
3940
+ margin-right: -1px;
3941
+ border-right-width: 1px;
3820
3942
  }
3821
- .ant-tabs-left > .ant-tabs-content-holder > .ant-tabs-content > .ant-tabs-tabpane,
3822
- .ant-tabs-left > div > .ant-tabs-content-holder > .ant-tabs-content > .ant-tabs-tabpane {
3823
- padding-left: 24px;
3943
+ .ant-input-group.ant-input-group-compact .ant-input {
3944
+ float: none;
3824
3945
  }
3825
- .ant-tabs-right > .ant-tabs-nav,
3826
- .ant-tabs-right > div > .ant-tabs-nav {
3827
- -webkit-box-ordinal-group: 2;
3828
- -ms-flex-order: 1;
3829
- order: 1;
3946
+ .ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selector,
3947
+ .ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input,
3948
+ .ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input,
3949
+ .ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-input {
3950
+ border-right-width: 1px;
3951
+ border-radius: 0;
3830
3952
  }
3831
- .ant-tabs-right > .ant-tabs-nav .ant-tabs-ink-bar,
3832
- .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-ink-bar {
3833
- left: 0;
3953
+ .ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selector:hover,
3954
+ .ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input:hover,
3955
+ .ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input:hover,
3956
+ .ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-input:hover {
3957
+ z-index: 1;
3834
3958
  }
3835
- .ant-tabs-right > .ant-tabs-content-holder,
3836
- .ant-tabs-right > div > .ant-tabs-content-holder {
3837
- -webkit-box-ordinal-group: 1;
3838
- -ms-flex-order: 0;
3839
- order: 0;
3840
- margin-right: -1px;
3841
- border-right: 1px solid #f0f0f0;
3959
+ .ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selector:focus,
3960
+ .ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input:focus,
3961
+ .ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input:focus,
3962
+ .ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-input:focus {
3963
+ z-index: 1;
3842
3964
  }
3843
- .ant-tabs-right > .ant-tabs-content-holder > .ant-tabs-content > .ant-tabs-tabpane,
3844
- .ant-tabs-right > div > .ant-tabs-content-holder > .ant-tabs-content > .ant-tabs-tabpane {
3845
- padding-right: 24px;
3965
+ .ant-input-group.ant-input-group-compact > .ant-select-focused {
3966
+ z-index: 1;
3967
+ }
3968
+ .ant-input-group.ant-input-group-compact > .ant-select > .ant-select-arrow {
3969
+ z-index: 1;
3846
3970
  }
3847
- .ant-tabs-dropdown {
3848
- -webkit-box-sizing: border-box;
3849
- box-sizing: border-box;
3850
- margin: 0;
3851
- padding: 0;
3852
- color: rgba(0, 0, 0, 0.85);
3853
- font-size: 14px;
3854
- font-variant: tabular-nums;
3855
- line-height: 1.5715;
3856
- list-style: none;
3857
- -webkit-font-feature-settings: 'tnum';
3858
- font-feature-settings: 'tnum';
3859
- position: absolute;
3860
- top: -9999px;
3861
- left: -9999px;
3862
- z-index: 1050;
3863
- display: block;
3971
+ .ant-input-group.ant-input-group-compact > *:first-child,
3972
+ .ant-input-group.ant-input-group-compact > .ant-select:first-child > .ant-select-selector,
3973
+ .ant-input-group.ant-input-group-compact > .ant-select-auto-complete:first-child .ant-input,
3974
+ .ant-input-group.ant-input-group-compact > .ant-cascader-picker:first-child .ant-input {
3975
+ border-top-left-radius: 2px;
3976
+ border-bottom-left-radius: 2px;
3864
3977
  }
3865
- .ant-tabs-dropdown-hidden {
3866
- display: none;
3978
+ .ant-input-group.ant-input-group-compact > *:last-child,
3979
+ .ant-input-group.ant-input-group-compact > .ant-select:last-child > .ant-select-selector,
3980
+ .ant-input-group.ant-input-group-compact > .ant-cascader-picker:last-child .ant-input,
3981
+ .ant-input-group.ant-input-group-compact > .ant-cascader-picker-focused:last-child .ant-input {
3982
+ border-right-width: 1px;
3983
+ border-top-right-radius: 2px;
3984
+ border-bottom-right-radius: 2px;
3867
3985
  }
3868
- .ant-tabs-dropdown-menu {
3869
- max-height: 200px;
3870
- margin: 0;
3871
- padding: 4px 0;
3872
- overflow-x: hidden;
3873
- overflow-y: auto;
3874
- text-align: left;
3875
- list-style-type: none;
3876
- background-color: #fff;
3877
- background-clip: padding-box;
3878
- border-radius: 2px;
3879
- outline: none;
3880
- -webkit-box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
3881
- box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
3986
+ .ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input {
3987
+ vertical-align: top;
3882
3988
  }
3883
- .ant-tabs-dropdown-menu-item {
3884
- min-width: 120px;
3885
- margin: 0;
3886
- padding: 5px 12px;
3887
- overflow: hidden;
3888
- color: rgba(0, 0, 0, 0.85);
3889
- font-weight: normal;
3890
- font-size: 14px;
3891
- line-height: 22px;
3892
- white-space: nowrap;
3893
- text-overflow: ellipsis;
3894
- cursor: pointer;
3895
- -webkit-transition: all 0.3s;
3896
- transition: all 0.3s;
3989
+ .ant-input-group.ant-input-group-compact .ant-input-group-wrapper + .ant-input-group-wrapper {
3990
+ margin-left: -1px;
3897
3991
  }
3898
- .ant-tabs-dropdown-menu-item:hover {
3899
- background: #f5f5f5;
3992
+ .ant-input-group.ant-input-group-compact .ant-input-group-wrapper + .ant-input-group-wrapper .ant-input-affix-wrapper {
3993
+ border-radius: 0;
3900
3994
  }
3901
- .ant-tabs-dropdown-menu-item-disabled,
3902
- .ant-tabs-dropdown-menu-item-disabled:hover {
3903
- color: rgba(0, 0, 0, 0.25);
3904
- background: transparent;
3905
- cursor: not-allowed;
3995
+ .ant-input-group.ant-input-group-compact .ant-input-group-wrapper:not(:last-child).ant-input-search > .ant-input-group > .ant-input-group-addon > .ant-input-search-button {
3996
+ border-radius: 0;
3906
3997
  }
3907
- .ant-tabs-card > .ant-tabs-nav .ant-tabs-tab,
3908
- .ant-tabs-card > div > .ant-tabs-nav .ant-tabs-tab {
3909
- margin: 0;
3910
- padding: 8px 16px;
3911
- background: #fafafa;
3912
- border: 1px solid #f0f0f0;
3913
- -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
3914
- transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
3998
+ .ant-input-group.ant-input-group-compact .ant-input-group-wrapper:not(:last-child).ant-input-search > .ant-input-group > .ant-input {
3999
+ border-radius: 2px 0 0 2px;
3915
4000
  }
3916
- .ant-tabs-card > .ant-tabs-nav .ant-tabs-tab-active,
3917
- .ant-tabs-card > div > .ant-tabs-nav .ant-tabs-tab-active {
3918
- color: #1890ff;
3919
- background: #fff;
4001
+ .ant-input-group > .ant-input-rtl:first-child,
4002
+ .ant-input-group-rtl .ant-input-group-addon:first-child {
4003
+ border-radius: 0 2px 2px 0;
3920
4004
  }
3921
- .ant-tabs-card > .ant-tabs-nav .ant-tabs-ink-bar,
3922
- .ant-tabs-card > div > .ant-tabs-nav .ant-tabs-ink-bar {
3923
- visibility: hidden;
4005
+ .ant-input-group-rtl .ant-input-group-addon:first-child {
4006
+ border-right: 1px solid #d9d9d9;
4007
+ border-left: 0;
3924
4008
  }
3925
- .ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
3926
- .ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
3927
- .ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
3928
- .ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab {
3929
- margin-left: 2px;
4009
+ .ant-input-group-rtl .ant-input-group-addon:last-child {
4010
+ border-right: 0;
4011
+ border-left: 1px solid #d9d9d9;
3930
4012
  }
3931
- .ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab,
3932
- .ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab {
3933
- border-radius: 2px 2px 0 0;
4013
+ .ant-input-group-rtl.ant-input-group > .ant-input:last-child,
4014
+ .ant-input-group-rtl.ant-input-group-addon:last-child {
4015
+ border-radius: 2px 0 0 2px;
3934
4016
  }
3935
- .ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab-active,
3936
- .ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab-active {
3937
- border-bottom-color: #fff;
4017
+ .ant-input-group-rtl.ant-input-group .ant-input-affix-wrapper:not(:first-child) {
4018
+ border-radius: 2px 0 0 2px;
3938
4019
  }
3939
- .ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab,
3940
- .ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab {
3941
- border-radius: 0 0 2px 2px;
4020
+ .ant-input-group-rtl.ant-input-group .ant-input-affix-wrapper:not(:last-child) {
4021
+ border-radius: 0 2px 2px 0;
3942
4022
  }
3943
- .ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab-active,
3944
- .ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab-active {
3945
- border-top-color: #fff;
4023
+ .ant-input-group-rtl.ant-input-group.ant-input-group-compact > *:not(:last-child) {
4024
+ margin-right: 0;
4025
+ margin-left: -1px;
4026
+ border-left-width: 1px;
3946
4027
  }
3947
- .ant-tabs-card.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
3948
- .ant-tabs-card.ant-tabs-right > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
3949
- .ant-tabs-card.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
3950
- .ant-tabs-card.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab {
3951
- margin-top: 2px;
4028
+ .ant-input-group-rtl.ant-input-group.ant-input-group-compact > *:first-child,
4029
+ .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select:first-child > .ant-select-selector,
4030
+ .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select-auto-complete:first-child .ant-input,
4031
+ .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-cascader-picker:first-child .ant-input {
4032
+ border-radius: 0 2px 2px 0;
3952
4033
  }
3953
- .ant-tabs-card.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab,
3954
- .ant-tabs-card.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab {
4034
+ .ant-input-group-rtl.ant-input-group.ant-input-group-compact > *:last-child,
4035
+ .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select:last-child > .ant-select-selector,
4036
+ .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select-auto-complete:last-child .ant-input,
4037
+ .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-cascader-picker:last-child .ant-input,
4038
+ .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-cascader-picker-focused:last-child .ant-input {
4039
+ border-left-width: 1px;
3955
4040
  border-radius: 2px 0 0 2px;
3956
4041
  }
3957
- .ant-tabs-card.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab-active,
3958
- .ant-tabs-card.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab-active {
3959
- border-right-color: #fff;
4042
+ .ant-input-group.ant-input-group-compact .ant-input-group-wrapper-rtl + .ant-input-group-wrapper-rtl {
4043
+ margin-right: -1px;
4044
+ margin-left: 0;
3960
4045
  }
3961
- .ant-tabs-card.ant-tabs-right > .ant-tabs-nav .ant-tabs-tab,
3962
- .ant-tabs-card.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab {
4046
+ .ant-input-group.ant-input-group-compact .ant-input-group-wrapper-rtl:not(:last-child).ant-input-search > .ant-input-group > .ant-input {
3963
4047
  border-radius: 0 2px 2px 0;
3964
4048
  }
3965
- .ant-tabs-card.ant-tabs-right > .ant-tabs-nav .ant-tabs-tab-active,
3966
- .ant-tabs-card.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab-active {
3967
- border-left-color: #fff;
4049
+ .ant-input-group-wrapper {
4050
+ display: inline-block;
4051
+ width: 100%;
4052
+ text-align: start;
4053
+ vertical-align: top;
3968
4054
  }
3969
- .ant-tabs {
3970
- -webkit-box-sizing: border-box;
3971
- box-sizing: border-box;
3972
- margin: 0;
3973
- padding: 0;
4055
+ .ant-input-password-icon {
4056
+ color: rgba(0, 0, 0, 0.45);
4057
+ cursor: pointer;
4058
+ -webkit-transition: all 0.3s;
4059
+ transition: all 0.3s;
4060
+ }
4061
+ .ant-input-password-icon:hover {
3974
4062
  color: rgba(0, 0, 0, 0.85);
3975
- font-size: 14px;
3976
- font-variant: tabular-nums;
3977
- line-height: 1.5715;
3978
- list-style: none;
3979
- -webkit-font-feature-settings: 'tnum';
3980
- font-feature-settings: 'tnum';
3981
- display: -webkit-box;
3982
- display: -ms-flexbox;
3983
- display: flex;
3984
- overflow: hidden;
3985
4063
  }
3986
- .ant-tabs > .ant-tabs-nav,
3987
- .ant-tabs > div > .ant-tabs-nav {
3988
- position: relative;
3989
- display: -webkit-box;
3990
- display: -ms-flexbox;
3991
- display: flex;
3992
- -webkit-box-flex: 0;
3993
- -ms-flex: none;
3994
- flex: none;
3995
- -webkit-box-align: center;
3996
- -ms-flex-align: center;
3997
- align-items: center;
4064
+ .ant-input[type='color'] {
4065
+ height: 32px;
3998
4066
  }
3999
- .ant-tabs > .ant-tabs-nav .ant-tabs-nav-wrap,
4000
- .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-wrap {
4001
- position: relative;
4002
- display: inline-block;
4003
- display: -webkit-box;
4004
- display: -ms-flexbox;
4005
- display: flex;
4006
- -webkit-box-flex: 1;
4007
- -ms-flex: auto;
4008
- flex: auto;
4009
- -ms-flex-item-align: stretch;
4010
- align-self: stretch;
4011
- overflow: hidden;
4012
- white-space: nowrap;
4013
- -webkit-transform: translate(0);
4014
- transform: translate(0);
4067
+ .ant-input[type='color'].ant-input-lg {
4068
+ height: 40px;
4015
4069
  }
4016
- .ant-tabs > .ant-tabs-nav .ant-tabs-nav-wrap::before,
4017
- .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
4018
- .ant-tabs > .ant-tabs-nav .ant-tabs-nav-wrap::after,
4019
- .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-wrap::after {
4020
- position: absolute;
4021
- z-index: 1;
4022
- opacity: 0;
4023
- -webkit-transition: opacity 0.3s;
4024
- transition: opacity 0.3s;
4025
- content: '';
4070
+ .ant-input[type='color'].ant-input-sm {
4071
+ height: 24px;
4072
+ padding-top: 3px;
4073
+ padding-bottom: 3px;
4074
+ }
4075
+ .ant-input-textarea-show-count::after {
4076
+ float: right;
4077
+ color: rgba(0, 0, 0, 0.45);
4078
+ white-space: nowrap;
4079
+ content: attr(data-count);
4026
4080
  pointer-events: none;
4027
4081
  }
4028
- .ant-tabs > .ant-tabs-nav .ant-tabs-nav-list,
4029
- .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-list {
4030
- position: relative;
4031
- display: -webkit-box;
4032
- display: -ms-flexbox;
4033
- display: flex;
4034
- -webkit-transition: -webkit-transform 0.3s;
4035
- transition: -webkit-transform 0.3s;
4036
- transition: transform 0.3s;
4037
- transition: transform 0.3s, -webkit-transform 0.3s;
4082
+ .ant-input-search .ant-input:hover,
4083
+ .ant-input-search .ant-input:focus {
4084
+ border-color: #40a9ff;
4085
+ }
4086
+ .ant-input-search .ant-input:hover + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary),
4087
+ .ant-input-search .ant-input:focus + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary) {
4088
+ border-left-color: #40a9ff;
4038
4089
  }
4039
- .ant-tabs > .ant-tabs-nav .ant-tabs-nav-operations,
4040
- .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-operations {
4041
- display: -webkit-box;
4042
- display: -ms-flexbox;
4043
- display: flex;
4044
- -ms-flex-item-align: stretch;
4045
- align-self: stretch;
4090
+ .ant-input-search .ant-input-affix-wrapper {
4091
+ border-radius: 0;
4046
4092
  }
4047
- .ant-tabs > .ant-tabs-nav .ant-tabs-nav-operations-hidden,
4048
- .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-operations-hidden {
4049
- position: absolute;
4050
- visibility: hidden;
4051
- pointer-events: none;
4093
+ .ant-input-search .ant-input-lg {
4094
+ line-height: 1.5713;
4052
4095
  }
4053
- .ant-tabs > .ant-tabs-nav .ant-tabs-nav-more,
4054
- .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-more {
4055
- position: relative;
4056
- padding: 8px 16px;
4057
- background: transparent;
4096
+ .ant-input-search > .ant-input-group > .ant-input-group-addon:last-child {
4097
+ left: -1px;
4098
+ padding: 0;
4058
4099
  border: 0;
4059
4100
  }
4060
- .ant-tabs > .ant-tabs-nav .ant-tabs-nav-more::after,
4061
- .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-more::after {
4062
- position: absolute;
4101
+ .ant-input-search > .ant-input-group > .ant-input-group-addon:last-child .ant-input-search-button {
4102
+ padding-top: 0;
4103
+ padding-bottom: 0;
4104
+ border-radius: 0 2px 2px 0;
4105
+ }
4106
+ .ant-input-search > .ant-input-group > .ant-input-group-addon:last-child .ant-input-search-button:not(.ant-btn-primary) {
4107
+ color: rgba(0, 0, 0, 0.45);
4108
+ }
4109
+ .ant-input-search > .ant-input-group > .ant-input-group-addon:last-child .ant-input-search-button:not(.ant-btn-primary).ant-btn-loading::before {
4110
+ top: 0;
4063
4111
  right: 0;
4064
4112
  bottom: 0;
4065
4113
  left: 0;
4066
- height: 5px;
4067
- -webkit-transform: translateY(100%);
4068
- transform: translateY(100%);
4069
- content: '';
4070
4114
  }
4071
- .ant-tabs > .ant-tabs-nav .ant-tabs-nav-add,
4072
- .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add {
4073
- min-width: 40px;
4074
- padding: 0 8px;
4075
- background: #fafafa;
4076
- border: 1px solid #f0f0f0;
4077
- border-radius: 2px 2px 0 0;
4078
- outline: none;
4079
- cursor: pointer;
4080
- -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
4081
- transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
4115
+ .ant-input-search-button {
4116
+ height: 32px;
4082
4117
  }
4083
- .ant-tabs > .ant-tabs-nav .ant-tabs-nav-add:hover,
4084
- .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add:hover {
4085
- color: #40a9ff;
4118
+ .ant-input-search-button:hover,
4119
+ .ant-input-search-button:focus {
4120
+ z-index: 1;
4086
4121
  }
4087
- .ant-tabs > .ant-tabs-nav .ant-tabs-nav-add:active,
4088
- .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add:active,
4089
- .ant-tabs > .ant-tabs-nav .ant-tabs-nav-add:focus,
4090
- .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add:focus {
4091
- color: #096dd9;
4122
+ .ant-input-search-large .ant-input-search-button {
4123
+ height: 40px;
4092
4124
  }
4093
- .ant-tabs-extra-content {
4094
- -webkit-box-flex: 0;
4095
- -ms-flex: none;
4096
- flex: none;
4125
+ .ant-input-search-small .ant-input-search-button {
4126
+ height: 24px;
4097
4127
  }
4098
- .ant-tabs-centered > .ant-tabs-nav .ant-tabs-nav-wrap:not([class*='ant-tabs-nav-wrap-ping']),
4099
- .ant-tabs-centered > div > .ant-tabs-nav .ant-tabs-nav-wrap:not([class*='ant-tabs-nav-wrap-ping']) {
4100
- -webkit-box-pack: center;
4101
- -ms-flex-pack: center;
4102
- justify-content: center;
4128
+ .ant-input-group-wrapper-rtl {
4129
+ direction: rtl;
4103
4130
  }
4104
- .ant-tabs-ink-bar {
4105
- position: absolute;
4106
- background: #1890ff;
4107
- pointer-events: none;
4131
+ .ant-input-group-rtl {
4132
+ direction: rtl;
4108
4133
  }
4109
- .ant-tabs-tab {
4110
- position: relative;
4111
- display: -webkit-inline-box;
4112
- display: -ms-inline-flexbox;
4113
- display: inline-flex;
4114
- -webkit-box-align: center;
4115
- -ms-flex-align: center;
4116
- align-items: center;
4117
- padding: 12px 0;
4118
- font-size: 14px;
4119
- background: transparent;
4120
- border: 0;
4134
+ .ant-input-affix-wrapper.ant-input-affix-wrapper-rtl > input.ant-input {
4135
+ border: none;
4121
4136
  outline: none;
4122
- cursor: pointer;
4123
4137
  }
4124
- .ant-tabs-tab-btn:focus,
4125
- .ant-tabs-tab-remove:focus,
4126
- .ant-tabs-tab-btn:active,
4127
- .ant-tabs-tab-remove:active {
4128
- color: #096dd9;
4138
+ .ant-input-affix-wrapper-rtl .ant-input-prefix {
4139
+ margin: 0 0 0 4px;
4129
4140
  }
4130
- .ant-tabs-tab-btn {
4131
- outline: none;
4132
- -webkit-transition: all 0.3s;
4133
- transition: all 0.3s;
4141
+ .ant-input-affix-wrapper-rtl .ant-input-suffix {
4142
+ margin: 0 4px 0 0;
4134
4143
  }
4135
- .ant-tabs-tab-remove {
4136
- -webkit-box-flex: 0;
4137
- -ms-flex: none;
4138
- flex: none;
4139
- margin-right: -4px;
4140
- margin-left: 8px;
4141
- color: rgba(0, 0, 0, 0.45);
4142
- font-size: 12px;
4143
- background: transparent;
4144
- border: none;
4145
- outline: none;
4146
- cursor: pointer;
4147
- -webkit-transition: all 0.3s;
4148
- transition: all 0.3s;
4144
+ .ant-input-textarea-rtl {
4145
+ direction: rtl;
4149
4146
  }
4150
- .ant-tabs-tab-remove:hover {
4151
- color: rgba(0, 0, 0, 0.85);
4147
+ .ant-input-textarea-rtl.ant-input-textarea-show-count::after {
4148
+ text-align: left;
4152
4149
  }
4153
- .ant-tabs-tab:hover {
4154
- color: #40a9ff;
4150
+ .ant-input-affix-wrapper-rtl .ant-input-clear-icon:last-child {
4151
+ margin-right: 4px;
4152
+ margin-left: 0;
4155
4153
  }
4156
- .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
4157
- color: #1890ff;
4158
- text-shadow: 0 0 0.25px currentColor;
4154
+ .ant-input-affix-wrapper-rtl .ant-input-clear-icon {
4155
+ right: auto;
4156
+ left: 8px;
4159
4157
  }
4160
- .ant-tabs-tab.ant-tabs-tab-disabled {
4161
- color: rgba(0, 0, 0, 0.25);
4162
- cursor: not-allowed;
4158
+ .ant-input-search-rtl {
4159
+ direction: rtl;
4163
4160
  }
4164
- .ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-btn:focus,
4165
- .ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-remove:focus,
4166
- .ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-btn:active,
4167
- .ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-remove:active {
4168
- color: rgba(0, 0, 0, 0.25);
4161
+ .ant-input-search-rtl .ant-input:hover + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary),
4162
+ .ant-input-search-rtl .ant-input:focus + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary) {
4163
+ border-right-color: #40a9ff;
4164
+ border-left-color: #d9d9d9;
4169
4165
  }
4170
- .ant-tabs-tab .ant-tabs-tab-remove .anticon {
4171
- margin: 0;
4166
+ .ant-input-search-rtl > .ant-input-group > .ant-input-affix-wrapper:hover,
4167
+ .ant-input-search-rtl > .ant-input-group > .ant-input-affix-wrapper-focused {
4168
+ border-right-color: #40a9ff;
4172
4169
  }
4173
- .ant-tabs-tab .anticon {
4174
- margin-right: 12px;
4170
+ .ant-input-search-rtl > .ant-input-group > .ant-input-group-addon {
4171
+ right: -1px;
4172
+ left: auto;
4175
4173
  }
4176
- .ant-tabs-tab + .ant-tabs-tab {
4177
- margin: 0 0 0 32px;
4174
+ .ant-input-search-rtl > .ant-input-group > .ant-input-group-addon .ant-input-search-button {
4175
+ border-radius: 2px 0 0 2px;
4178
4176
  }
4179
- .ant-tabs-content {
4177
+ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
4178
+ .ant-input {
4179
+ height: 32px;
4180
+ }
4181
+ .ant-input-lg {
4182
+ height: 40px;
4183
+ }
4184
+ .ant-input-sm {
4185
+ height: 24px;
4186
+ }
4187
+ .ant-input-affix-wrapper > input.ant-input {
4188
+ height: auto;
4189
+ }
4190
+ }
4191
+ .pandora-sdk-check-transform-list {
4180
4192
  display: -webkit-box;
4181
4193
  display: -ms-flexbox;
4182
4194
  display: flex;
4183
- width: 100%;
4195
+ margin-top: 20px;
4196
+ padding-left: 5px;
4197
+ padding-right: 5px;
4184
4198
  }
4185
- .ant-tabs-content-holder {
4199
+ .pandora-sdk-check-transform-list .pandora-sdk-check-transform-divider {
4200
+ height: auto;
4201
+ margin-left: 40px;
4202
+ margin-right: 40px;
4203
+ }
4204
+ .pandora-sdk-check-transform {
4186
4205
  -webkit-box-flex: 1;
4187
- -ms-flex: auto;
4188
- flex: auto;
4189
- min-width: 0;
4190
- min-height: 0;
4206
+ -ms-flex: 1;
4207
+ flex: 1;
4191
4208
  }
4192
- .ant-tabs-content-animated {
4193
- -webkit-transition: margin 0.3s;
4194
- transition: margin 0.3s;
4209
+ .pandora-sdk-check-transform .pandora-sdk-check-transform-header {
4210
+ margin-bottom: 10px;
4195
4211
  }
4196
- .ant-tabs-tabpane {
4197
- -webkit-box-flex: 0;
4198
- -ms-flex: none;
4199
- flex: none;
4212
+ .pandora-sdk-check-transform .pandora-sdk-check-transform-search {
4200
4213
  width: 100%;
4201
- outline: none;
4214
+ height: 40px;
4215
+ margin-bottom: 10px;
4202
4216
  }
4203
- .pandora-sdk-card .ant-card-head .ant-card-extra {
4204
- padding: 0;
4217
+ .pandora-sdk-check-transform .pandora-sdk-check-transform-checkBox {
4218
+ line-height: 40px;
4219
+ }
4220
+ .pandora-sdk-check-transform .pandora-sdk-check-transform-checkBox .pandora-sdk-check-transform-checkbox-group {
4221
+ line-height: 40px;
4205
4222
  }
4206
4223
  .ant-checkbox-inner::after {
4207
4224
  left: 20%;
@@ -4379,100 +4396,198 @@ textarea.ant-input {
4379
4396
  display: block;
4380
4397
  width: 8.48528137px;
4381
4398
  height: 8.48528137px;
4399
+ overflow: hidden;
4382
4400
  background: transparent;
4383
- border-style: solid;
4384
- border-width: 4.24264069px;
4385
- -webkit-transform: rotate(45deg);
4386
- transform: rotate(45deg);
4401
+ pointer-events: none;
4387
4402
  }
4388
- .ant-popover-placement-top > .ant-popover-content > .ant-popover-arrow,
4389
- .ant-popover-placement-topLeft > .ant-popover-content > .ant-popover-arrow,
4390
- .ant-popover-placement-topRight > .ant-popover-content > .ant-popover-arrow {
4391
- bottom: 6.2px;
4392
- border-top-color: transparent;
4393
- border-right-color: #fff;
4394
- border-bottom-color: #fff;
4395
- border-left-color: transparent;
4403
+ .ant-popover-arrow-content {
4404
+ position: absolute;
4405
+ top: 0;
4406
+ right: 0;
4407
+ bottom: 0;
4408
+ left: 0;
4409
+ display: block;
4410
+ width: 6px;
4411
+ height: 6px;
4412
+ margin: auto;
4413
+ background-color: #fff;
4414
+ content: '';
4415
+ pointer-events: auto;
4416
+ }
4417
+ .ant-popover-placement-top .ant-popover-arrow,
4418
+ .ant-popover-placement-topLeft .ant-popover-arrow,
4419
+ .ant-popover-placement-topRight .ant-popover-arrow {
4420
+ bottom: 1.51471863px;
4421
+ }
4422
+ .ant-popover-placement-top .ant-popover-arrow-content,
4423
+ .ant-popover-placement-topLeft .ant-popover-arrow-content,
4424
+ .ant-popover-placement-topRight .ant-popover-arrow-content {
4396
4425
  -webkit-box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
4397
4426
  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
4427
+ -webkit-transform: translateY(-4.24264069px) rotate(45deg);
4428
+ transform: translateY(-4.24264069px) rotate(45deg);
4398
4429
  }
4399
- .ant-popover-placement-top > .ant-popover-content > .ant-popover-arrow {
4430
+ .ant-popover-placement-top .ant-popover-arrow {
4400
4431
  left: 50%;
4401
- -webkit-transform: translateX(-50%) rotate(45deg);
4402
- transform: translateX(-50%) rotate(45deg);
4432
+ -webkit-transform: translateX(-50%);
4433
+ transform: translateX(-50%);
4403
4434
  }
4404
- .ant-popover-placement-topLeft > .ant-popover-content > .ant-popover-arrow {
4435
+ .ant-popover-placement-topLeft .ant-popover-arrow {
4405
4436
  left: 16px;
4406
4437
  }
4407
- .ant-popover-placement-topRight > .ant-popover-content > .ant-popover-arrow {
4438
+ .ant-popover-placement-topRight .ant-popover-arrow {
4408
4439
  right: 16px;
4409
4440
  }
4410
- .ant-popover-placement-right > .ant-popover-content > .ant-popover-arrow,
4411
- .ant-popover-placement-rightTop > .ant-popover-content > .ant-popover-arrow,
4412
- .ant-popover-placement-rightBottom > .ant-popover-content > .ant-popover-arrow {
4413
- left: 6px;
4414
- border-top-color: transparent;
4415
- border-right-color: transparent;
4416
- border-bottom-color: #fff;
4417
- border-left-color: #fff;
4441
+ .ant-popover-placement-right .ant-popover-arrow,
4442
+ .ant-popover-placement-rightTop .ant-popover-arrow,
4443
+ .ant-popover-placement-rightBottom .ant-popover-arrow {
4444
+ left: 1.51471863px;
4445
+ }
4446
+ .ant-popover-placement-right .ant-popover-arrow-content,
4447
+ .ant-popover-placement-rightTop .ant-popover-arrow-content,
4448
+ .ant-popover-placement-rightBottom .ant-popover-arrow-content {
4418
4449
  -webkit-box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);
4419
4450
  box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);
4451
+ -webkit-transform: translateX(4.24264069px) rotate(45deg);
4452
+ transform: translateX(4.24264069px) rotate(45deg);
4420
4453
  }
4421
- .ant-popover-placement-right > .ant-popover-content > .ant-popover-arrow {
4454
+ .ant-popover-placement-right .ant-popover-arrow {
4422
4455
  top: 50%;
4423
- -webkit-transform: translateY(-50%) rotate(45deg);
4424
- transform: translateY(-50%) rotate(45deg);
4456
+ -webkit-transform: translateY(-50%);
4457
+ transform: translateY(-50%);
4425
4458
  }
4426
- .ant-popover-placement-rightTop > .ant-popover-content > .ant-popover-arrow {
4459
+ .ant-popover-placement-rightTop .ant-popover-arrow {
4427
4460
  top: 12px;
4428
4461
  }
4429
- .ant-popover-placement-rightBottom > .ant-popover-content > .ant-popover-arrow {
4462
+ .ant-popover-placement-rightBottom .ant-popover-arrow {
4430
4463
  bottom: 12px;
4431
4464
  }
4432
- .ant-popover-placement-bottom > .ant-popover-content > .ant-popover-arrow,
4433
- .ant-popover-placement-bottomLeft > .ant-popover-content > .ant-popover-arrow,
4434
- .ant-popover-placement-bottomRight > .ant-popover-content > .ant-popover-arrow {
4435
- top: 6px;
4436
- border-top-color: #fff;
4437
- border-right-color: transparent;
4438
- border-bottom-color: transparent;
4439
- border-left-color: #fff;
4465
+ .ant-popover-placement-bottom .ant-popover-arrow,
4466
+ .ant-popover-placement-bottomLeft .ant-popover-arrow,
4467
+ .ant-popover-placement-bottomRight .ant-popover-arrow {
4468
+ top: 1.51471863px;
4469
+ }
4470
+ .ant-popover-placement-bottom .ant-popover-arrow-content,
4471
+ .ant-popover-placement-bottomLeft .ant-popover-arrow-content,
4472
+ .ant-popover-placement-bottomRight .ant-popover-arrow-content {
4440
4473
  -webkit-box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.06);
4441
4474
  box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.06);
4475
+ -webkit-transform: translateY(4.24264069px) rotate(45deg);
4476
+ transform: translateY(4.24264069px) rotate(45deg);
4442
4477
  }
4443
- .ant-popover-placement-bottom > .ant-popover-content > .ant-popover-arrow {
4478
+ .ant-popover-placement-bottom .ant-popover-arrow {
4444
4479
  left: 50%;
4445
- -webkit-transform: translateX(-50%) rotate(45deg);
4446
- transform: translateX(-50%) rotate(45deg);
4480
+ -webkit-transform: translateX(-50%);
4481
+ transform: translateX(-50%);
4447
4482
  }
4448
- .ant-popover-placement-bottomLeft > .ant-popover-content > .ant-popover-arrow {
4483
+ .ant-popover-placement-bottomLeft .ant-popover-arrow {
4449
4484
  left: 16px;
4450
4485
  }
4451
- .ant-popover-placement-bottomRight > .ant-popover-content > .ant-popover-arrow {
4486
+ .ant-popover-placement-bottomRight .ant-popover-arrow {
4452
4487
  right: 16px;
4453
4488
  }
4454
- .ant-popover-placement-left > .ant-popover-content > .ant-popover-arrow,
4455
- .ant-popover-placement-leftTop > .ant-popover-content > .ant-popover-arrow,
4456
- .ant-popover-placement-leftBottom > .ant-popover-content > .ant-popover-arrow {
4457
- right: 6px;
4458
- border-top-color: #fff;
4459
- border-right-color: #fff;
4460
- border-bottom-color: transparent;
4461
- border-left-color: transparent;
4489
+ .ant-popover-placement-left .ant-popover-arrow,
4490
+ .ant-popover-placement-leftTop .ant-popover-arrow,
4491
+ .ant-popover-placement-leftBottom .ant-popover-arrow {
4492
+ right: 1.51471863px;
4493
+ }
4494
+ .ant-popover-placement-left .ant-popover-arrow-content,
4495
+ .ant-popover-placement-leftTop .ant-popover-arrow-content,
4496
+ .ant-popover-placement-leftBottom .ant-popover-arrow-content {
4462
4497
  -webkit-box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);
4463
4498
  box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);
4499
+ -webkit-transform: translateX(-4.24264069px) rotate(45deg);
4500
+ transform: translateX(-4.24264069px) rotate(45deg);
4464
4501
  }
4465
- .ant-popover-placement-left > .ant-popover-content > .ant-popover-arrow {
4502
+ .ant-popover-placement-left .ant-popover-arrow {
4466
4503
  top: 50%;
4467
- -webkit-transform: translateY(-50%) rotate(45deg);
4468
- transform: translateY(-50%) rotate(45deg);
4504
+ -webkit-transform: translateY(-50%);
4505
+ transform: translateY(-50%);
4469
4506
  }
4470
- .ant-popover-placement-leftTop > .ant-popover-content > .ant-popover-arrow {
4507
+ .ant-popover-placement-leftTop .ant-popover-arrow {
4471
4508
  top: 12px;
4472
4509
  }
4473
- .ant-popover-placement-leftBottom > .ant-popover-content > .ant-popover-arrow {
4510
+ .ant-popover-placement-leftBottom .ant-popover-arrow {
4474
4511
  bottom: 12px;
4475
4512
  }
4513
+ .ant-popover-pink .ant-popover-inner {
4514
+ background-color: #eb2f96;
4515
+ }
4516
+ .ant-popover-pink .ant-popover-arrow-content {
4517
+ background-color: #eb2f96;
4518
+ }
4519
+ .ant-popover-magenta .ant-popover-inner {
4520
+ background-color: #eb2f96;
4521
+ }
4522
+ .ant-popover-magenta .ant-popover-arrow-content {
4523
+ background-color: #eb2f96;
4524
+ }
4525
+ .ant-popover-red .ant-popover-inner {
4526
+ background-color: #f5222d;
4527
+ }
4528
+ .ant-popover-red .ant-popover-arrow-content {
4529
+ background-color: #f5222d;
4530
+ }
4531
+ .ant-popover-volcano .ant-popover-inner {
4532
+ background-color: #fa541c;
4533
+ }
4534
+ .ant-popover-volcano .ant-popover-arrow-content {
4535
+ background-color: #fa541c;
4536
+ }
4537
+ .ant-popover-orange .ant-popover-inner {
4538
+ background-color: #fa8c16;
4539
+ }
4540
+ .ant-popover-orange .ant-popover-arrow-content {
4541
+ background-color: #fa8c16;
4542
+ }
4543
+ .ant-popover-yellow .ant-popover-inner {
4544
+ background-color: #fadb14;
4545
+ }
4546
+ .ant-popover-yellow .ant-popover-arrow-content {
4547
+ background-color: #fadb14;
4548
+ }
4549
+ .ant-popover-gold .ant-popover-inner {
4550
+ background-color: #faad14;
4551
+ }
4552
+ .ant-popover-gold .ant-popover-arrow-content {
4553
+ background-color: #faad14;
4554
+ }
4555
+ .ant-popover-cyan .ant-popover-inner {
4556
+ background-color: #13c2c2;
4557
+ }
4558
+ .ant-popover-cyan .ant-popover-arrow-content {
4559
+ background-color: #13c2c2;
4560
+ }
4561
+ .ant-popover-lime .ant-popover-inner {
4562
+ background-color: #a0d911;
4563
+ }
4564
+ .ant-popover-lime .ant-popover-arrow-content {
4565
+ background-color: #a0d911;
4566
+ }
4567
+ .ant-popover-green .ant-popover-inner {
4568
+ background-color: #52c41a;
4569
+ }
4570
+ .ant-popover-green .ant-popover-arrow-content {
4571
+ background-color: #52c41a;
4572
+ }
4573
+ .ant-popover-blue .ant-popover-inner {
4574
+ background-color: #1890ff;
4575
+ }
4576
+ .ant-popover-blue .ant-popover-arrow-content {
4577
+ background-color: #1890ff;
4578
+ }
4579
+ .ant-popover-geekblue .ant-popover-inner {
4580
+ background-color: #2f54eb;
4581
+ }
4582
+ .ant-popover-geekblue .ant-popover-arrow-content {
4583
+ background-color: #2f54eb;
4584
+ }
4585
+ .ant-popover-purple .ant-popover-inner {
4586
+ background-color: #722ed1;
4587
+ }
4588
+ .ant-popover-purple .ant-popover-arrow-content {
4589
+ background-color: #722ed1;
4590
+ }
4476
4591
  .ant-popover-rtl {
4477
4592
  direction: rtl;
4478
4593
  text-align: right;
@@ -4888,6 +5003,7 @@ textarea.ant-input-number {
4888
5003
  font-weight: bold;
4889
5004
  line-height: 0;
4890
5005
  text-align: center;
5006
+ border-left: 1px solid #d9d9d9;
4891
5007
  -webkit-transition: all 0.1s linear;
4892
5008
  transition: all 0.1s linear;
4893
5009
  }
@@ -5034,7 +5150,6 @@ textarea.ant-input-number {
5034
5150
  width: 22px;
5035
5151
  height: 100%;
5036
5152
  background: #fff;
5037
- border-left: 1px solid #d9d9d9;
5038
5153
  border-radius: 0 2px 2px 0;
5039
5154
  opacity: 0;
5040
5155
  -webkit-transition: opacity 0.24s linear 0.1s;
@@ -5306,6 +5421,10 @@ textarea.ant-input-number {
5306
5421
  -webkit-transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
5307
5422
  transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
5308
5423
  }
5424
+ .ant-menu-title-content {
5425
+ -webkit-transition: color 0.3s;
5426
+ transition: color 0.3s;
5427
+ }
5309
5428
  .ant-menu-item a {
5310
5429
  color: rgba(0, 0, 0, 0.85);
5311
5430
  }
@@ -6709,7 +6828,15 @@ textarea.ant-input-number {
6709
6828
  .ant-tooltip-rtl .ant-tooltip-inner {
6710
6829
  text-align: right;
6711
6830
  }
6712
- .pandora-sdk-name-tooltip .ant-tooltip-inner {
6831
+ .pandora-sdk-name-limit {
6832
+ max-width: 100%;
6833
+ display: inline-block;
6834
+ vertical-align: top;
6835
+ white-space: nowrap;
6836
+ text-overflow: ellipsis;
6837
+ overflow: hidden;
6838
+ }
6839
+ .pandora-sdk-name-limit-tooltip .ant-tooltip-inner {
6713
6840
  max-width: 400px !important;
6714
6841
  max-height: 200px !important;
6715
6842
  overflow: auto;
@@ -6745,10 +6872,6 @@ textarea.ant-input-number {
6745
6872
  .pandora-sdk-range-input input[type='number'] {
6746
6873
  -moz-appearance: textfield;
6747
6874
  }
6748
- .pandora-sdk-remark-name {
6749
- word-break: break-all;
6750
- white-space: nowrap;
6751
- }
6752
6875
  .ant-select-single .ant-select-selector {
6753
6876
  display: -webkit-box;
6754
6877
  display: -ms-flexbox;
@@ -7212,7 +7335,7 @@ textarea.ant-input-number {
7212
7335
  -webkit-font-smoothing: antialiased;
7213
7336
  -moz-osx-font-smoothing: grayscale;
7214
7337
  position: absolute;
7215
- top: 53%;
7338
+ top: 50%;
7216
7339
  right: 11px;
7217
7340
  width: 12px;
7218
7341
  height: 12px;
@@ -7393,6 +7516,9 @@ textarea.ant-input-number {
7393
7516
  color: rgba(0, 0, 0, 0.25);
7394
7517
  cursor: not-allowed;
7395
7518
  }
7519
+ .ant-select-item-option-disabled.ant-select-item-option-selected {
7520
+ background-color: #f5f5f5;
7521
+ }
7396
7522
  .ant-select-item-option-grouped {
7397
7523
  padding-left: 24px;
7398
7524
  }
@@ -7588,7 +7714,6 @@ textarea.ant-input-number {
7588
7714
  font-feature-settings: 'tnum';
7589
7715
  display: inline-block;
7590
7716
  font-size: 0;
7591
- line-height: unset;
7592
7717
  }
7593
7718
  .ant-radio-group .ant-badge-count {
7594
7719
  z-index: 1;
@@ -7965,6 +8090,10 @@ span.ant-radio + * {
7965
8090
  border-color: #2c6dd2 !important;
7966
8091
  color: #2c6dd2 !important;
7967
8092
  }
8093
+ .pandora-sdk-solid-radio-group .ant-radio-button-wrapper-checked.ant-radio-button-wrapper-disabled {
8094
+ border-color: #d9d9d9 !important;
8095
+ color: rgba(0, 0, 0, 0.85) !important;
8096
+ }
7968
8097
  .pandora-sdk-solid-radio-group .ant-radio-button-wrapper:not(:first-child)::before {
7969
8098
  background-color: #d9d9d9;
7970
8099
  }
@@ -9069,9 +9198,7 @@ span.ant-radio + * {
9069
9198
  border-bottom: 0;
9070
9199
  }
9071
9200
  .ant-table.ant-table-bordered > .ant-table-container {
9072
- border: 1px solid #f0f0f0;
9073
- border-right: 0;
9074
- border-bottom: 0;
9201
+ border-left: 1px solid #f0f0f0;
9075
9202
  }
9076
9203
  .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > thead > tr > th,
9077
9204
  .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > thead > tr > th,
@@ -9134,6 +9261,10 @@ span.ant-radio + * {
9134
9261
  border-right: 1px solid #f0f0f0;
9135
9262
  content: '';
9136
9263
  }
9264
+ .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table,
9265
+ .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table {
9266
+ border-top: 1px solid #f0f0f0;
9267
+ }
9137
9268
  .ant-table.ant-table-bordered.ant-table-scroll-horizontal > .ant-table-container > .ant-table-body > table > tbody > tr.ant-table-expanded-row > td,
9138
9269
  .ant-table.ant-table-bordered.ant-table-scroll-horizontal > .ant-table-container > .ant-table-body > table > tbody > tr.ant-table-placeholder > td {
9139
9270
  border-right: 0;
@@ -9289,6 +9420,8 @@ span.ant-radio + * {
9289
9420
  background: #dcf4ff;
9290
9421
  }
9291
9422
  .ant-table-summary {
9423
+ position: relative;
9424
+ z-index: 2;
9292
9425
  background: #fff;
9293
9426
  }
9294
9427
  div.ant-table-summary {
@@ -9759,6 +9892,7 @@ tr.ant-table-expanded-row .ant-descriptions-view table {
9759
9892
  .ant-table-sticky-holder {
9760
9893
  position: sticky;
9761
9894
  z-index: 3;
9895
+ background: #fff;
9762
9896
  }
9763
9897
  .ant-table-sticky-scroll {
9764
9898
  position: sticky;
@@ -10367,11 +10501,10 @@ textarea.ant-pagination-options-quick-jumper input {
10367
10501
  cursor: not-allowed;
10368
10502
  }
10369
10503
  .ant-pagination.ant-pagination-disabled .ant-pagination-item-active {
10370
- background: #dbdbdb;
10371
- border-color: transparent;
10504
+ background: #e6e6e6;
10372
10505
  }
10373
10506
  .ant-pagination.ant-pagination-disabled .ant-pagination-item-active a {
10374
- color: #fff;
10507
+ color: rgba(0, 0, 0, 0.25);
10375
10508
  }
10376
10509
  .ant-pagination.ant-pagination-disabled .ant-pagination-item-link {
10377
10510
  color: rgba(0, 0, 0, 0.25);
@@ -10695,6 +10828,27 @@ textarea.ant-pagination-options-quick-jumper input {
10695
10828
  .pandora-sdk-tabs .pandora-sdk-tabs-refresh-icon:hover {
10696
10829
  color: #2c6dd2;
10697
10830
  }
10831
+ .pandora-sdk-timeline-container {
10832
+ list-style: none;
10833
+ margin: 0;
10834
+ line-height: 1.5;
10835
+ font-size: 14px;
10836
+ color: rgba(0, 0, 0, 0.65);
10837
+ -webkit-box-sizing: border-box;
10838
+ box-sizing: border-box;
10839
+ padding: 0;
10840
+ }
10841
+ .pandora-sdk-timeline-container .pandora-sdk-icon {
10842
+ margin: 0 8px;
10843
+ color: inherit;
10844
+ vertical-align: middle;
10845
+ font-size: 14px;
10846
+ -webkit-transition: 0.3s;
10847
+ transition: 0.3s;
10848
+ }
10849
+ .pandora-sdk-timeline-container .pandora-sdk-icon:hover {
10850
+ color: #7a869a;
10851
+ }
10698
10852
  .ant-tag {
10699
10853
  -webkit-box-sizing: border-box;
10700
10854
  box-sizing: border-box;
@@ -10953,36 +11107,15 @@ textarea.ant-pagination-options-quick-jumper input {
10953
11107
  .pandora-sdk-taglist-containter .pandora-sdk-simplify .pandora-sdk-icon:hover {
10954
11108
  color: #7a869a;
10955
11109
  }
10956
- .pandora-sdk-taglist-containter .pandora-sdk-popover {
11110
+ .pandora-sdk-popover {
10957
11111
  max-width: 400px;
10958
11112
  max-height: 1000px;
10959
11113
  overflow: auto;
10960
- padding: 16px;
11114
+ padding: 8px !important;
10961
11115
  }
10962
- .pandora-sdk-taglist-containter .pandora-sdk-popover > div {
11116
+ .pandora-sdk-popover > div {
10963
11117
  margin: 4px;
10964
11118
  }
10965
- .pandora-sdk-timeline-container {
10966
- list-style: none;
10967
- margin: 0;
10968
- line-height: 1.5;
10969
- font-size: 14px;
10970
- color: rgba(0, 0, 0, 0.65);
10971
- -webkit-box-sizing: border-box;
10972
- box-sizing: border-box;
10973
- padding: 0;
10974
- }
10975
- .pandora-sdk-timeline-container .pandora-sdk-icon {
10976
- margin: 0 8px;
10977
- color: inherit;
10978
- vertical-align: middle;
10979
- font-size: 14px;
10980
- -webkit-transition: 0.3s;
10981
- transition: 0.3s;
10982
- }
10983
- .pandora-sdk-timeline-container .pandora-sdk-icon:hover {
10984
- color: #7a869a;
10985
- }
10986
11119
  .pandora-sdk-transfer-container {
10987
11120
  display: -webkit-box;
10988
11121
  display: -ms-flexbox;
@@ -11558,12 +11691,6 @@ textarea.ant-pagination-options-quick-jumper input {
11558
11691
  .pandora-sdk-tree-select-dropdown .ant-empty {
11559
11692
  text-align: center;
11560
11693
  }
11561
- .pandora-sdk-card-search-input {
11562
- min-width: 200px;
11563
- }
11564
- .pandora-sdk-card-search-input i {
11565
- color: #bfbfbf;
11566
- }
11567
11694
  .ant-row {
11568
11695
  display: -webkit-box;
11569
11696
  display: -ms-flexbox;
@@ -17453,6 +17580,12 @@ textarea.ant-pagination-options-quick-jumper input {
17453
17580
  .pandora-sdk-card-row-extra button {
17454
17581
  min-width: 80px;
17455
17582
  }
17583
+ .pandora-sdk-card-search-input {
17584
+ min-width: 200px;
17585
+ }
17586
+ .pandora-sdk-card-search-input i {
17587
+ color: #bfbfbf;
17588
+ }
17456
17589
  .pandora-sdk-panel-title {
17457
17590
  display: -webkit-box;
17458
17591
  display: -ms-flexbox;
@@ -17912,6 +18045,10 @@ textarea.ant-picker-input > input {
17912
18045
  border-width: 0 0 1px 0;
17913
18046
  border-radius: 0;
17914
18047
  }
18048
+ .ant-picker-panel-container .ant-picker-panel .ant-picker-content,
18049
+ .ant-picker-panel-container .ant-picker-panel table {
18050
+ text-align: center;
18051
+ }
17915
18052
  .ant-picker-panel-container .ant-picker-panel-focused {
17916
18053
  border-color: #f0f0f0;
17917
18054
  }
@@ -18064,9 +18201,6 @@ textarea.ant-picker-input > input {
18064
18201
  .ant-picker-cell-in-view {
18065
18202
  color: rgba(0, 0, 0, 0.85);
18066
18203
  }
18067
- .ant-picker-cell-disabled {
18068
- cursor: not-allowed;
18069
- }
18070
18204
  .ant-picker-cell::before {
18071
18205
  position: absolute;
18072
18206
  top: 50%;
@@ -18208,14 +18342,14 @@ tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child::afte
18208
18342
  border-bottom-right-radius: 2px;
18209
18343
  }
18210
18344
  .ant-picker-cell-disabled {
18345
+ color: rgba(0, 0, 0, 0.25);
18211
18346
  pointer-events: none;
18212
18347
  }
18213
18348
  .ant-picker-cell-disabled .ant-picker-cell-inner {
18214
- color: rgba(0, 0, 0, 0.25);
18215
18349
  background: transparent;
18216
18350
  }
18217
18351
  .ant-picker-cell-disabled::before {
18218
- background: #f5f5f5;
18352
+ background: rgba(0, 0, 0, 0.04);
18219
18353
  }
18220
18354
  .ant-picker-cell-disabled.ant-picker-cell-today .ant-picker-cell-inner::before {
18221
18355
  border-color: rgba(0, 0, 0, 0.25);
@@ -18232,12 +18366,6 @@ tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child::afte
18232
18366
  .ant-picker-month-panel .ant-picker-cell-inner {
18233
18367
  padding: 0 8px;
18234
18368
  }
18235
- .ant-picker-decade-panel .ant-picker-cell-disabled .ant-picker-cell-inner,
18236
- .ant-picker-year-panel .ant-picker-cell-disabled .ant-picker-cell-inner,
18237
- .ant-picker-quarter-panel .ant-picker-cell-disabled .ant-picker-cell-inner,
18238
- .ant-picker-month-panel .ant-picker-cell-disabled .ant-picker-cell-inner {
18239
- background: #f5f5f5;
18240
- }
18241
18369
  .ant-picker-quarter-panel .ant-picker-content {
18242
18370
  height: 56px;
18243
18371
  }
@@ -18896,12 +19024,57 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
18896
19024
  flex-wrap: wrap;
18897
19025
  width: 400px;
18898
19026
  }
19027
+ .pandora-sdk-timeline-item {
19028
+ font-size: 14px;
19029
+ list-style: none;
19030
+ margin: 0;
19031
+ position: relative;
19032
+ padding: 0 0 20px;
19033
+ min-height: 50px;
19034
+ }
19035
+ .pandora-sdk-timeline-item .pandora-sdk-timeline-item-tail {
19036
+ position: absolute;
19037
+ top: 0.75em;
19038
+ height: 100%;
19039
+ border-left: 2px solid #d9d9d9;
19040
+ }
19041
+ .pandora-sdk-timeline-item .pandora-sdk-timeline-item-head {
19042
+ position: absolute;
19043
+ -webkit-transform: translateX(-4px);
19044
+ transform: translateX(-4px);
19045
+ }
19046
+ .pandora-sdk-timeline-item .pandora-sdk-timeline-item-head-dot {
19047
+ display: inline-block;
19048
+ -webkit-box-sizing: border-box;
19049
+ box-sizing: border-box;
19050
+ width: 10px;
19051
+ height: 10px;
19052
+ background-color: #2c6dd2;
19053
+ border-radius: 100px;
19054
+ border: 2px solid transparent;
19055
+ }
19056
+ .pandora-sdk-timeline-item .pandora-sdk-timeline-item-content {
19057
+ text-align: left;
19058
+ margin-left: 22%;
19059
+ color: #333;
19060
+ text-overflow: ellipsis;
19061
+ display: -webkit-box;
19062
+ -webkit-line-clamp: 3;
19063
+ -webkit-box-orient: vertical;
19064
+ }
19065
+ .pandora-sdk-timeline-item .pandora-sdk-timeline-item-time {
19066
+ margin-right: 18px;
19067
+ position: absolute;
19068
+ text-align: right;
19069
+ font-size: 12px;
19070
+ color: #333;
19071
+ }
18899
19072
  .pandora-sdk-root {
18900
19073
  display: inline-block;
18901
19074
  line-height: 24px;
18902
19075
  margin-right: 8px;
18903
19076
  border-radius: 1px;
18904
- color: #42526e;
19077
+ color: #333;
18905
19078
  text-align: center;
18906
19079
  vertical-align: middle;
18907
19080
  border-radius: 2px;
@@ -18939,8 +19112,8 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
18939
19112
  border-left: 1px solid rgba(44, 109, 210, 0.1);
18940
19113
  }
18941
19114
  .pandora-sdk-root .pandora-sdk-content {
18942
- padding: 0 4px;
18943
- max-width: 200px;
19115
+ padding: 0 8px;
19116
+ max-width: 150px;
18944
19117
  vertical-align: middle;
18945
19118
  overflow: hidden;
18946
19119
  white-space: nowrap;
@@ -18988,51 +19161,6 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
18988
19161
  .pandora-sdk-switch.pandora-sdk-active.pandora-sdk-blue {
18989
19162
  background: #03a9f4;
18990
19163
  }
18991
- .pandora-sdk-timeline-item {
18992
- font-size: 14px;
18993
- list-style: none;
18994
- margin: 0;
18995
- position: relative;
18996
- padding: 0 0 20px;
18997
- min-height: 50px;
18998
- }
18999
- .pandora-sdk-timeline-item .pandora-sdk-timeline-item-tail {
19000
- position: absolute;
19001
- top: 0.75em;
19002
- height: 100%;
19003
- border-left: 2px solid #d9d9d9;
19004
- }
19005
- .pandora-sdk-timeline-item .pandora-sdk-timeline-item-head {
19006
- position: absolute;
19007
- -webkit-transform: translateX(-4px);
19008
- transform: translateX(-4px);
19009
- }
19010
- .pandora-sdk-timeline-item .pandora-sdk-timeline-item-head-dot {
19011
- display: inline-block;
19012
- -webkit-box-sizing: border-box;
19013
- box-sizing: border-box;
19014
- width: 10px;
19015
- height: 10px;
19016
- background-color: #2c6dd2;
19017
- border-radius: 100px;
19018
- border: 2px solid transparent;
19019
- }
19020
- .pandora-sdk-timeline-item .pandora-sdk-timeline-item-content {
19021
- text-align: left;
19022
- margin-left: 22%;
19023
- color: #333;
19024
- text-overflow: ellipsis;
19025
- display: -webkit-box;
19026
- -webkit-line-clamp: 3;
19027
- -webkit-box-orient: vertical;
19028
- }
19029
- .pandora-sdk-timeline-item .pandora-sdk-timeline-item-time {
19030
- margin-right: 18px;
19031
- position: absolute;
19032
- text-align: right;
19033
- font-size: 12px;
19034
- color: #333;
19035
- }
19036
19164
  .pandora-sdk-transfer-list {
19037
19165
  overflow: hidden;
19038
19166
  }