@qn-pandora/pandora-component 2.2.2 → 3.0.0

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 (5) hide show
  1. package/CHANGELOG.json +25 -0
  2. package/CHANGELOG.md +11 -0
  3. package/es/index.css +1728 -1728
  4. package/es/index.less +4 -4
  5. package/package.json +4 -4
package/es/index.css CHANGED
@@ -2070,7 +2070,7 @@ a.ant-btn-sm {
2070
2070
  color: inherit;
2071
2071
  vertical-align: middle;
2072
2072
  }
2073
- .ant-card {
2073
+ .ant-divider {
2074
2074
  -webkit-box-sizing: border-box;
2075
2075
  box-sizing: border-box;
2076
2076
  margin: 0;
@@ -2082,628 +2082,656 @@ a.ant-btn-sm {
2082
2082
  list-style: none;
2083
2083
  -webkit-font-feature-settings: 'tnum';
2084
2084
  font-feature-settings: 'tnum';
2085
- position: relative;
2086
- background: #fff;
2087
- border-radius: 2px;
2088
- }
2089
- .ant-card-rtl {
2090
- direction: rtl;
2091
- }
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;
2085
+ border-top: 1px solid rgba(0, 0, 0, 0.06);
2098
2086
  }
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);
2087
+ .ant-divider-vertical {
2088
+ position: relative;
2089
+ top: -0.06em;
2090
+ display: inline-block;
2091
+ height: 0.9em;
2092
+ margin: 0 8px;
2093
+ vertical-align: middle;
2094
+ border-top: 0;
2095
+ border-left: 1px solid rgba(0, 0, 0, 0.06);
2103
2096
  }
2104
- .ant-card-bordered {
2105
- border: 1px solid #f0f0f0;
2097
+ .ant-divider-horizontal {
2098
+ display: -webkit-box;
2099
+ display: -ms-flexbox;
2100
+ display: flex;
2101
+ clear: both;
2102
+ width: 100%;
2103
+ min-width: 100%;
2104
+ margin: 24px 0;
2106
2105
  }
2107
- .ant-card-head {
2108
- min-height: 48px;
2109
- margin-bottom: -1px;
2110
- padding: 0 24px;
2106
+ .ant-divider-horizontal.ant-divider-with-text {
2107
+ display: -webkit-box;
2108
+ display: -ms-flexbox;
2109
+ display: flex;
2110
+ margin: 16px 0;
2111
2111
  color: rgba(0, 0, 0, 0.85);
2112
2112
  font-weight: 500;
2113
2113
  font-size: 16px;
2114
- background: transparent;
2115
- border-bottom: 1px solid #f0f0f0;
2116
- border-radius: 2px 2px 0 0;
2114
+ white-space: nowrap;
2115
+ text-align: center;
2116
+ border-top: 0;
2117
+ border-top-color: rgba(0, 0, 0, 0.06);
2117
2118
  }
2118
- .ant-card-head::before {
2119
- display: table;
2119
+ .ant-divider-horizontal.ant-divider-with-text::before,
2120
+ .ant-divider-horizontal.ant-divider-with-text::after {
2121
+ position: relative;
2122
+ top: 50%;
2123
+ width: 50%;
2124
+ border-top: 1px solid transparent;
2125
+ border-top-color: inherit;
2126
+ border-bottom: 0;
2127
+ -webkit-transform: translateY(50%);
2128
+ transform: translateY(50%);
2120
2129
  content: '';
2121
2130
  }
2122
- .ant-card-head::after {
2123
- display: table;
2124
- clear: both;
2125
- content: '';
2131
+ .ant-divider-horizontal.ant-divider-with-text-left::before {
2132
+ top: 50%;
2133
+ width: 5%;
2126
2134
  }
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;
2135
+ .ant-divider-horizontal.ant-divider-with-text-left::after {
2136
+ top: 50%;
2137
+ width: 95%;
2134
2138
  }
2135
- .ant-card-head-title {
2139
+ .ant-divider-horizontal.ant-divider-with-text-right::before {
2140
+ top: 50%;
2141
+ width: 95%;
2142
+ }
2143
+ .ant-divider-horizontal.ant-divider-with-text-right::after {
2144
+ top: 50%;
2145
+ width: 5%;
2146
+ }
2147
+ .ant-divider-inner-text {
2136
2148
  display: inline-block;
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;
2149
+ padding: 0 1em;
2144
2150
  }
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;
2151
+ .ant-divider-dashed {
2152
+ background: none;
2153
+ border-color: rgba(0, 0, 0, 0.06);
2154
+ border-style: dashed;
2155
+ border-width: 1px 0 0;
2150
2156
  }
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;
2157
+ .ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed {
2158
+ border-top: 0;
2157
2159
  }
2158
- .ant-card-head .ant-tabs-bar {
2159
- border-bottom: 1px solid #f0f0f0;
2160
+ .ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed::before,
2161
+ .ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed::after {
2162
+ border-style: dashed none none;
2160
2163
  }
2161
- .ant-card-extra {
2162
- float: right;
2163
- margin-left: auto;
2164
- padding: 16px 0;
2164
+ .ant-divider-vertical.ant-divider-dashed {
2165
+ border-width: 0 0 0 1px;
2166
+ }
2167
+ .ant-divider-plain.ant-divider-with-text {
2165
2168
  color: rgba(0, 0, 0, 0.85);
2166
2169
  font-weight: normal;
2167
2170
  font-size: 14px;
2168
2171
  }
2169
- .ant-card-rtl .ant-card-extra {
2170
- margin-right: auto;
2171
- margin-left: 0;
2172
- }
2173
- .ant-card-body {
2174
- padding: 24px;
2175
- }
2176
- .ant-card-body::before {
2177
- display: table;
2178
- content: '';
2179
- }
2180
- .ant-card-body::after {
2181
- display: table;
2182
- clear: both;
2183
- content: '';
2184
- }
2185
- .ant-card-contain-grid:not(.ant-card-loading) .ant-card-body {
2186
- margin: -1px 0 0 -1px;
2187
- padding: 0;
2188
- }
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
- }
2200
- .ant-card-rtl .ant-card-grid {
2201
- float: right;
2172
+ .ant-divider-rtl {
2173
+ direction: rtl;
2202
2174
  }
2203
- .ant-card-grid-hoverable:hover {
2204
- position: relative;
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);
2175
+ .ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-left::before {
2176
+ width: 95%;
2208
2177
  }
2209
- .ant-card-contain-tabs > .ant-card-head .ant-card-head-title {
2210
- min-height: 32px;
2211
- padding-bottom: 0;
2178
+ .ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-left::after {
2179
+ width: 5%;
2212
2180
  }
2213
- .ant-card-contain-tabs > .ant-card-head .ant-card-extra {
2214
- padding-bottom: 0;
2181
+ .ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-right::before {
2182
+ width: 5%;
2215
2183
  }
2216
- .ant-card-bordered .ant-card-cover {
2217
- margin-top: -1px;
2218
- margin-right: -1px;
2219
- margin-left: -1px;
2184
+ .ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-right::after {
2185
+ width: 95%;
2220
2186
  }
2221
- .ant-card-cover > * {
2222
- display: block;
2223
- width: 100%;
2187
+ @-webkit-keyframes antCheckboxEffect {
2188
+ 0% {
2189
+ -webkit-transform: scale(1);
2190
+ transform: scale(1);
2191
+ opacity: 0.5;
2192
+ }
2193
+ 100% {
2194
+ -webkit-transform: scale(1.6);
2195
+ transform: scale(1.6);
2196
+ opacity: 0;
2197
+ }
2224
2198
  }
2225
- .ant-card-cover img {
2226
- border-radius: 2px 2px 0 0;
2199
+ @keyframes antCheckboxEffect {
2200
+ 0% {
2201
+ -webkit-transform: scale(1);
2202
+ transform: scale(1);
2203
+ opacity: 0.5;
2204
+ }
2205
+ 100% {
2206
+ -webkit-transform: scale(1.6);
2207
+ transform: scale(1.6);
2208
+ opacity: 0;
2209
+ }
2227
2210
  }
2228
- .ant-card-actions {
2211
+ .ant-checkbox {
2212
+ -webkit-box-sizing: border-box;
2213
+ box-sizing: border-box;
2229
2214
  margin: 0;
2230
2215
  padding: 0;
2216
+ color: rgba(0, 0, 0, 0.85);
2217
+ font-size: 14px;
2218
+ font-variant: tabular-nums;
2219
+ line-height: 1.5715;
2231
2220
  list-style: none;
2232
- background: #fff;
2233
- border-top: 1px solid #f0f0f0;
2221
+ -webkit-font-feature-settings: 'tnum';
2222
+ font-feature-settings: 'tnum';
2223
+ position: relative;
2224
+ top: 0.2em;
2225
+ line-height: 1;
2226
+ white-space: nowrap;
2227
+ outline: none;
2228
+ cursor: pointer;
2234
2229
  }
2235
- .ant-card-actions::before {
2236
- display: table;
2230
+ .ant-checkbox-wrapper:hover .ant-checkbox-inner,
2231
+ .ant-checkbox:hover .ant-checkbox-inner,
2232
+ .ant-checkbox-input:focus + .ant-checkbox-inner {
2233
+ border-color: #1890ff;
2234
+ }
2235
+ .ant-checkbox-checked::after {
2236
+ position: absolute;
2237
+ top: 0;
2238
+ left: 0;
2239
+ width: 100%;
2240
+ height: 100%;
2241
+ border: 1px solid #1890ff;
2242
+ border-radius: 2px;
2243
+ visibility: hidden;
2244
+ -webkit-animation: antCheckboxEffect 0.36s ease-in-out;
2245
+ animation: antCheckboxEffect 0.36s ease-in-out;
2246
+ -webkit-animation-fill-mode: backwards;
2247
+ animation-fill-mode: backwards;
2237
2248
  content: '';
2238
2249
  }
2239
- .ant-card-actions::after {
2240
- display: table;
2241
- clear: both;
2242
- content: '';
2243
- }
2244
- .ant-card-actions > li {
2245
- float: left;
2246
- margin: 12px 0;
2247
- color: rgba(0, 0, 0, 0.45);
2248
- text-align: center;
2249
- }
2250
- .ant-card-rtl .ant-card-actions > li {
2251
- float: right;
2250
+ .ant-checkbox:hover::after,
2251
+ .ant-checkbox-wrapper:hover .ant-checkbox::after {
2252
+ visibility: visible;
2252
2253
  }
2253
- .ant-card-actions > li > span {
2254
+ .ant-checkbox-inner {
2254
2255
  position: relative;
2256
+ top: 0;
2257
+ left: 0;
2255
2258
  display: block;
2256
- min-width: 32px;
2257
- font-size: 14px;
2258
- line-height: 1.5715;
2259
- cursor: pointer;
2259
+ width: 16px;
2260
+ height: 16px;
2261
+ direction: ltr;
2262
+ background-color: #fff;
2263
+ border: 1px solid #d9d9d9;
2264
+ border-radius: 2px;
2265
+ border-collapse: separate;
2266
+ -webkit-transition: all 0.3s;
2267
+ transition: all 0.3s;
2260
2268
  }
2261
- .ant-card-actions > li > span:hover {
2262
- color: #1890ff;
2263
- -webkit-transition: color 0.3s;
2264
- transition: color 0.3s;
2269
+ .ant-checkbox-inner::after {
2270
+ position: absolute;
2271
+ top: 50%;
2272
+ left: 22%;
2273
+ display: table;
2274
+ width: 5.71428571px;
2275
+ height: 9.14285714px;
2276
+ border: 2px solid #fff;
2277
+ border-top: 0;
2278
+ border-left: 0;
2279
+ -webkit-transform: rotate(45deg) scale(0) translate(-50%, -50%);
2280
+ transform: rotate(45deg) scale(0) translate(-50%, -50%);
2281
+ opacity: 0;
2282
+ -webkit-transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
2283
+ transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
2284
+ content: ' ';
2265
2285
  }
2266
- .ant-card-actions > li > span a:not(.ant-btn),
2267
- .ant-card-actions > li > span > .anticon {
2268
- display: inline-block;
2286
+ .ant-checkbox-input {
2287
+ position: absolute;
2288
+ top: 0;
2289
+ right: 0;
2290
+ bottom: 0;
2291
+ left: 0;
2292
+ z-index: 1;
2269
2293
  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;
2274
- }
2275
- .ant-card-actions > li > span a:not(.ant-btn):hover,
2276
- .ant-card-actions > li > span > .anticon:hover {
2277
- color: #1890ff;
2294
+ height: 100%;
2295
+ cursor: pointer;
2296
+ opacity: 0;
2278
2297
  }
2279
- .ant-card-actions > li > span > .anticon {
2280
- font-size: 16px;
2281
- line-height: 22px;
2298
+ .ant-checkbox-checked .ant-checkbox-inner::after {
2299
+ position: absolute;
2300
+ display: table;
2301
+ border: 2px solid #fff;
2302
+ border-top: 0;
2303
+ border-left: 0;
2304
+ -webkit-transform: rotate(45deg) scale(1) translate(-50%, -50%);
2305
+ transform: rotate(45deg) scale(1) translate(-50%, -50%);
2306
+ opacity: 1;
2307
+ -webkit-transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
2308
+ transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
2309
+ content: ' ';
2282
2310
  }
2283
- .ant-card-actions > li:not(:last-child) {
2284
- border-right: 1px solid #f0f0f0;
2311
+ .ant-checkbox-checked .ant-checkbox-inner {
2312
+ background-color: #1890ff;
2313
+ border-color: #1890ff;
2285
2314
  }
2286
- .ant-card-rtl .ant-card-actions > li:not(:last-child) {
2287
- border-right: none;
2288
- border-left: 1px solid #f0f0f0;
2315
+ .ant-checkbox-disabled {
2316
+ cursor: not-allowed;
2289
2317
  }
2290
- .ant-card-type-inner .ant-card-head {
2291
- padding: 0 24px;
2292
- background: #fafafa;
2318
+ .ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner::after {
2319
+ border-color: rgba(0, 0, 0, 0.25);
2320
+ -webkit-animation-name: none;
2321
+ animation-name: none;
2293
2322
  }
2294
- .ant-card-type-inner .ant-card-head-title {
2295
- padding: 12px 0;
2296
- font-size: 14px;
2323
+ .ant-checkbox-disabled .ant-checkbox-input {
2324
+ cursor: not-allowed;
2297
2325
  }
2298
- .ant-card-type-inner .ant-card-body {
2299
- padding: 16px 24px;
2326
+ .ant-checkbox-disabled .ant-checkbox-inner {
2327
+ background-color: #f5f5f5;
2328
+ border-color: #d9d9d9 !important;
2300
2329
  }
2301
- .ant-card-type-inner .ant-card-extra {
2302
- padding: 13.5px 0;
2330
+ .ant-checkbox-disabled .ant-checkbox-inner::after {
2331
+ border-color: #f5f5f5;
2332
+ border-collapse: separate;
2333
+ -webkit-animation-name: none;
2334
+ animation-name: none;
2303
2335
  }
2304
- .ant-card-meta {
2305
- margin: -4px 0;
2336
+ .ant-checkbox-disabled + span {
2337
+ color: rgba(0, 0, 0, 0.25);
2338
+ cursor: not-allowed;
2306
2339
  }
2307
- .ant-card-meta::before {
2308
- display: table;
2309
- content: '';
2340
+ .ant-checkbox-disabled:hover::after,
2341
+ .ant-checkbox-wrapper:hover .ant-checkbox-disabled::after {
2342
+ visibility: hidden;
2310
2343
  }
2311
- .ant-card-meta::after {
2312
- display: table;
2313
- clear: both;
2314
- content: '';
2344
+ .ant-checkbox-wrapper {
2345
+ -webkit-box-sizing: border-box;
2346
+ box-sizing: border-box;
2347
+ margin: 0;
2348
+ padding: 0;
2349
+ color: rgba(0, 0, 0, 0.85);
2350
+ font-size: 14px;
2351
+ font-variant: tabular-nums;
2352
+ line-height: 1.5715;
2353
+ list-style: none;
2354
+ -webkit-font-feature-settings: 'tnum';
2355
+ font-feature-settings: 'tnum';
2356
+ display: -webkit-inline-box;
2357
+ display: -ms-inline-flexbox;
2358
+ display: inline-flex;
2359
+ -webkit-box-align: baseline;
2360
+ -ms-flex-align: baseline;
2361
+ align-items: baseline;
2362
+ line-height: unset;
2363
+ cursor: pointer;
2315
2364
  }
2316
- .ant-card-meta-avatar {
2317
- float: left;
2318
- padding-right: 16px;
2365
+ .ant-checkbox-wrapper::after {
2366
+ display: inline-block;
2367
+ width: 0;
2368
+ overflow: hidden;
2369
+ content: '\a0';
2319
2370
  }
2320
- .ant-card-rtl .ant-card-meta-avatar {
2321
- float: right;
2322
- padding-right: 0;
2323
- padding-left: 16px;
2371
+ .ant-checkbox-wrapper.ant-checkbox-wrapper-disabled {
2372
+ cursor: not-allowed;
2324
2373
  }
2325
- .ant-card-meta-detail {
2326
- overflow: hidden;
2374
+ .ant-checkbox-wrapper + .ant-checkbox-wrapper {
2375
+ margin-left: 8px;
2327
2376
  }
2328
- .ant-card-meta-detail > div:not(:last-child) {
2329
- margin-bottom: 8px;
2377
+ .ant-checkbox + span {
2378
+ padding-right: 8px;
2379
+ padding-left: 8px;
2330
2380
  }
2331
- .ant-card-meta-title {
2332
- overflow: hidden;
2381
+ .ant-checkbox-group {
2382
+ -webkit-box-sizing: border-box;
2383
+ box-sizing: border-box;
2384
+ margin: 0;
2385
+ padding: 0;
2333
2386
  color: rgba(0, 0, 0, 0.85);
2334
- font-weight: 500;
2335
- font-size: 16px;
2336
- white-space: nowrap;
2337
- text-overflow: ellipsis;
2387
+ font-size: 14px;
2388
+ font-variant: tabular-nums;
2389
+ line-height: 1.5715;
2390
+ list-style: none;
2391
+ -webkit-font-feature-settings: 'tnum';
2392
+ font-feature-settings: 'tnum';
2393
+ display: inline-block;
2338
2394
  }
2339
- .ant-card-meta-description {
2340
- color: rgba(0, 0, 0, 0.45);
2395
+ .ant-checkbox-group-item {
2396
+ margin-right: 8px;
2341
2397
  }
2342
- .ant-card-loading {
2343
- overflow: hidden;
2398
+ .ant-checkbox-group-item:last-child {
2399
+ margin-right: 0;
2344
2400
  }
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;
2401
+ .ant-checkbox-group-item + .ant-checkbox-group-item {
2402
+ margin-left: 0;
2350
2403
  }
2351
- .ant-card-loading-content p {
2352
- margin: 0;
2404
+ .ant-checkbox-indeterminate .ant-checkbox-inner {
2405
+ background-color: #fff;
2406
+ border-color: #d9d9d9;
2353
2407
  }
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;
2408
+ .ant-checkbox-indeterminate .ant-checkbox-inner::after {
2409
+ top: 50%;
2410
+ left: 50%;
2411
+ width: 8px;
2412
+ height: 8px;
2413
+ background-color: #1890ff;
2414
+ border: 0;
2415
+ -webkit-transform: translate(-50%, -50%) scale(1);
2416
+ transform: translate(-50%, -50%) scale(1);
2417
+ opacity: 1;
2418
+ content: ' ';
2363
2419
  }
2364
- @-webkit-keyframes card-loading {
2365
- 0%,
2366
- 100% {
2367
- background-position: 0 50%;
2368
- }
2369
- 50% {
2370
- background-position: 100% 50%;
2371
- }
2420
+ .ant-checkbox-indeterminate.ant-checkbox-disabled .ant-checkbox-inner::after {
2421
+ background-color: rgba(0, 0, 0, 0.25);
2422
+ border-color: rgba(0, 0, 0, 0.25);
2372
2423
  }
2373
- @keyframes card-loading {
2374
- 0%,
2375
- 100% {
2376
- background-position: 0 50%;
2377
- }
2378
- 50% {
2379
- background-position: 100% 50%;
2380
- }
2424
+ .ant-checkbox-rtl {
2425
+ direction: rtl;
2381
2426
  }
2382
- .ant-card-small > .ant-card-head {
2383
- min-height: 36px;
2384
- padding: 0 12px;
2385
- font-size: 14px;
2427
+ .ant-checkbox-group-rtl .ant-checkbox-group-item {
2428
+ margin-right: 0;
2429
+ margin-left: 8px;
2386
2430
  }
2387
- .ant-card-small > .ant-card-head > .ant-card-head-wrapper > .ant-card-head-title {
2388
- padding: 8px 0;
2431
+ .ant-checkbox-group-rtl .ant-checkbox-group-item:last-child {
2432
+ margin-left: 0 !important;
2389
2433
  }
2390
- .ant-card-small > .ant-card-head > .ant-card-head-wrapper > .ant-card-extra {
2391
- padding: 8px 0;
2434
+ .ant-checkbox-group-rtl .ant-checkbox-group-item + .ant-checkbox-group-item {
2435
+ margin-left: 8px;
2436
+ }
2437
+ .ant-input-affix-wrapper {
2438
+ position: relative;
2439
+ display: inline-block;
2440
+ width: 100%;
2441
+ min-width: 0;
2442
+ padding: 4px 11px;
2443
+ color: rgba(0, 0, 0, 0.85);
2392
2444
  font-size: 14px;
2445
+ line-height: 1.5715;
2446
+ background-color: #fff;
2447
+ background-image: none;
2448
+ border: 1px solid #d9d9d9;
2449
+ border-radius: 2px;
2450
+ -webkit-transition: all 0.3s;
2451
+ transition: all 0.3s;
2452
+ display: -webkit-inline-box;
2453
+ display: -ms-inline-flexbox;
2454
+ display: inline-flex;
2393
2455
  }
2394
- .ant-card-small > .ant-card-body {
2395
- padding: 12px;
2456
+ .ant-input-affix-wrapper::-moz-placeholder {
2457
+ opacity: 1;
2396
2458
  }
2397
- .ant-tabs-small > .ant-tabs-nav .ant-tabs-tab {
2398
- padding: 8px 0;
2399
- font-size: 14px;
2459
+ .ant-input-affix-wrapper::-webkit-input-placeholder {
2460
+ color: #bfbfbf;
2400
2461
  }
2401
- .ant-tabs-large > .ant-tabs-nav .ant-tabs-tab {
2402
- padding: 16px 0;
2403
- font-size: 16px;
2462
+ .ant-input-affix-wrapper::-ms-input-placeholder {
2463
+ color: #bfbfbf;
2404
2464
  }
2405
- .ant-tabs-card.ant-tabs-small > .ant-tabs-nav .ant-tabs-tab {
2406
- padding: 6px 16px;
2465
+ .ant-input-affix-wrapper::placeholder {
2466
+ color: #bfbfbf;
2407
2467
  }
2408
- .ant-tabs-card.ant-tabs-large > .ant-tabs-nav .ant-tabs-tab {
2409
- padding: 7px 16px 6px;
2468
+ .ant-input-affix-wrapper:placeholder-shown {
2469
+ text-overflow: ellipsis;
2410
2470
  }
2411
- .ant-tabs-rtl {
2412
- direction: rtl;
2471
+ .ant-input-affix-wrapper:hover {
2472
+ border-color: #40a9ff;
2473
+ border-right-width: 1px !important;
2413
2474
  }
2414
- .ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab {
2415
- margin: 0 0 0 32px;
2475
+ .ant-input-rtl .ant-input-affix-wrapper:hover {
2476
+ border-right-width: 0;
2477
+ border-left-width: 1px !important;
2416
2478
  }
2417
- .ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab:last-of-type {
2418
- margin-left: 0;
2479
+ .ant-input-affix-wrapper:focus,
2480
+ .ant-input-affix-wrapper-focused {
2481
+ border-color: #40a9ff;
2482
+ border-right-width: 1px !important;
2483
+ outline: 0;
2484
+ -webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
2485
+ box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
2419
2486
  }
2420
- .ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .anticon {
2421
- margin-right: 0;
2422
- margin-left: 12px;
2487
+ .ant-input-rtl .ant-input-affix-wrapper:focus,
2488
+ .ant-input-rtl .ant-input-affix-wrapper-focused {
2489
+ border-right-width: 0;
2490
+ border-left-width: 1px !important;
2423
2491
  }
2424
- .ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove {
2425
- margin-right: 8px;
2426
- margin-left: -4px;
2492
+ .ant-input-affix-wrapper-disabled {
2493
+ color: rgba(0, 0, 0, 0.25);
2494
+ background-color: #f5f5f5;
2495
+ cursor: not-allowed;
2496
+ opacity: 1;
2427
2497
  }
2428
- .ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove .anticon {
2429
- margin: 0;
2498
+ .ant-input-affix-wrapper-disabled:hover {
2499
+ border-color: #d9d9d9;
2500
+ border-right-width: 1px !important;
2430
2501
  }
2431
- .ant-tabs-rtl.ant-tabs-left > .ant-tabs-nav {
2432
- -webkit-box-ordinal-group: 2;
2433
- -ms-flex-order: 1;
2434
- order: 1;
2502
+ .ant-input-affix-wrapper[disabled] {
2503
+ color: rgba(0, 0, 0, 0.25);
2504
+ background-color: #f5f5f5;
2505
+ cursor: not-allowed;
2506
+ opacity: 1;
2435
2507
  }
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;
2508
+ .ant-input-affix-wrapper[disabled]:hover {
2509
+ border-color: #d9d9d9;
2510
+ border-right-width: 1px !important;
2440
2511
  }
2441
- .ant-tabs-rtl.ant-tabs-right > .ant-tabs-nav {
2442
- -webkit-box-ordinal-group: 1;
2443
- -ms-flex-order: 0;
2444
- order: 0;
2512
+ .ant-input-affix-wrapper-borderless,
2513
+ .ant-input-affix-wrapper-borderless:hover,
2514
+ .ant-input-affix-wrapper-borderless:focus,
2515
+ .ant-input-affix-wrapper-borderless-focused,
2516
+ .ant-input-affix-wrapper-borderless-disabled,
2517
+ .ant-input-affix-wrapper-borderless[disabled] {
2518
+ background-color: transparent;
2519
+ border: none;
2520
+ -webkit-box-shadow: none;
2521
+ box-shadow: none;
2445
2522
  }
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;
2523
+ textarea.ant-input-affix-wrapper {
2524
+ max-width: 100%;
2525
+ height: auto;
2526
+ min-height: 32px;
2527
+ line-height: 1.5715;
2528
+ vertical-align: bottom;
2529
+ -webkit-transition: all 0.3s, height 0s;
2530
+ transition: all 0.3s, height 0s;
2450
2531
  }
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: 0;
2456
- margin-left: 2px;
2532
+ .ant-input-affix-wrapper-lg {
2533
+ padding: 6.5px 11px;
2534
+ font-size: 16px;
2457
2535
  }
2458
- .ant-tabs-dropdown-rtl {
2536
+ .ant-input-affix-wrapper-sm {
2537
+ padding: 0px 7px;
2538
+ }
2539
+ .ant-input-affix-wrapper-rtl {
2459
2540
  direction: rtl;
2460
2541
  }
2461
- .ant-tabs-dropdown-rtl .ant-tabs-dropdown-menu-item {
2462
- text-align: right;
2542
+ .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover {
2543
+ border-color: #40a9ff;
2544
+ border-right-width: 1px !important;
2545
+ z-index: 1;
2463
2546
  }
2464
- .ant-tabs-top,
2465
- .ant-tabs-bottom {
2466
- -webkit-box-orient: vertical;
2467
- -webkit-box-direction: normal;
2468
- -ms-flex-direction: column;
2469
- flex-direction: column;
2547
+ .ant-input-rtl .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover {
2548
+ border-right-width: 0;
2549
+ border-left-width: 1px !important;
2470
2550
  }
2471
- .ant-tabs-top > .ant-tabs-nav,
2472
- .ant-tabs-bottom > .ant-tabs-nav,
2473
- .ant-tabs-top > div > .ant-tabs-nav,
2474
- .ant-tabs-bottom > div > .ant-tabs-nav {
2475
- margin: 0 0 16px 0;
2551
+ .ant-input-search-with-button .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover {
2552
+ z-index: 0;
2476
2553
  }
2477
- .ant-tabs-top > .ant-tabs-nav::before,
2478
- .ant-tabs-bottom > .ant-tabs-nav::before,
2479
- .ant-tabs-top > div > .ant-tabs-nav::before,
2480
- .ant-tabs-bottom > div > .ant-tabs-nav::before {
2481
- position: absolute;
2482
- right: 0;
2483
- left: 0;
2484
- border-bottom: 1px solid #f0f0f0;
2485
- content: '';
2554
+ .ant-input-affix-wrapper-focused,
2555
+ .ant-input-affix-wrapper:focus {
2556
+ z-index: 1;
2486
2557
  }
2487
- .ant-tabs-top > .ant-tabs-nav .ant-tabs-ink-bar,
2488
- .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-ink-bar,
2489
- .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-ink-bar,
2490
- .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-ink-bar {
2491
- height: 2px;
2558
+ .ant-input-affix-wrapper-disabled .ant-input[disabled] {
2559
+ background: transparent;
2492
2560
  }
2493
- .ant-tabs-top > .ant-tabs-nav .ant-tabs-ink-bar-animated,
2494
- .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-ink-bar-animated,
2495
- .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-ink-bar-animated,
2496
- .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-ink-bar-animated {
2497
- -webkit-transition: width 0.3s, left 0.3s, right 0.3s;
2498
- transition: width 0.3s, left 0.3s, right 0.3s;
2561
+ .ant-input-affix-wrapper > input.ant-input {
2562
+ padding: 0;
2563
+ border: none;
2564
+ outline: none;
2499
2565
  }
2500
- .ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap::before,
2501
- .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap::before,
2502
- .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
2503
- .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
2504
- .ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap::after,
2505
- .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap::after,
2506
- .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap::after,
2507
- .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap::after {
2508
- top: 0;
2509
- bottom: 0;
2510
- width: 30px;
2566
+ .ant-input-affix-wrapper > input.ant-input:focus {
2567
+ -webkit-box-shadow: none;
2568
+ box-shadow: none;
2511
2569
  }
2512
- .ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap::before,
2513
- .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap::before,
2514
- .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
2515
- .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap::before {
2516
- left: 0;
2517
- -webkit-box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.08);
2518
- box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.08);
2570
+ .ant-input-affix-wrapper::before {
2571
+ width: 0;
2572
+ visibility: hidden;
2573
+ content: '\a0';
2519
2574
  }
2520
- .ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap::after,
2521
- .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap::after,
2522
- .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap::after,
2523
- .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap::after {
2524
- right: 0;
2525
- -webkit-box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.08);
2526
- box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.08);
2575
+ .ant-input-prefix,
2576
+ .ant-input-suffix {
2577
+ display: -webkit-box;
2578
+ display: -ms-flexbox;
2579
+ display: flex;
2580
+ -webkit-box-flex: 0;
2581
+ -ms-flex: none;
2582
+ flex: none;
2583
+ -webkit-box-align: center;
2584
+ -ms-flex-align: center;
2585
+ align-items: center;
2527
2586
  }
2528
- .ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before,
2529
- .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before,
2530
- .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before,
2531
- .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before {
2532
- opacity: 1;
2587
+ .ant-input-prefix {
2588
+ margin-right: 4px;
2533
2589
  }
2534
- .ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after,
2535
- .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after,
2536
- .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after,
2537
- .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after {
2538
- opacity: 1;
2590
+ .ant-input-suffix {
2591
+ margin-left: 4px;
2539
2592
  }
2540
- .ant-tabs-top > .ant-tabs-nav::before,
2541
- .ant-tabs-top > div > .ant-tabs-nav::before {
2542
- bottom: 0;
2593
+ .ant-input-clear-icon {
2594
+ margin: 0 4px;
2595
+ color: rgba(0, 0, 0, 0.25);
2596
+ font-size: 12px;
2597
+ vertical-align: -1px;
2598
+ cursor: pointer;
2599
+ -webkit-transition: color 0.3s;
2600
+ transition: color 0.3s;
2543
2601
  }
2544
- .ant-tabs-top > .ant-tabs-nav .ant-tabs-ink-bar,
2545
- .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-ink-bar {
2546
- bottom: 0;
2602
+ .ant-input-clear-icon:hover {
2603
+ color: rgba(0, 0, 0, 0.45);
2547
2604
  }
2548
- .ant-tabs-bottom > .ant-tabs-nav,
2549
- .ant-tabs-bottom > div > .ant-tabs-nav {
2550
- -webkit-box-ordinal-group: 2;
2551
- -ms-flex-order: 1;
2552
- order: 1;
2553
- margin-top: 16px;
2554
- margin-bottom: 0;
2605
+ .ant-input-clear-icon:active {
2606
+ color: rgba(0, 0, 0, 0.85);
2555
2607
  }
2556
- .ant-tabs-bottom > .ant-tabs-nav::before,
2557
- .ant-tabs-bottom > div > .ant-tabs-nav::before {
2558
- top: 0;
2608
+ .ant-input-clear-icon-hidden {
2609
+ visibility: hidden;
2559
2610
  }
2560
- .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-ink-bar,
2561
- .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-ink-bar {
2562
- top: 0;
2611
+ .ant-input-clear-icon:last-child {
2612
+ margin-right: 0;
2563
2613
  }
2564
- .ant-tabs-bottom > .ant-tabs-content-holder,
2565
- .ant-tabs-bottom > div > .ant-tabs-content-holder {
2566
- -webkit-box-ordinal-group: 1;
2567
- -ms-flex-order: 0;
2568
- order: 0;
2614
+ .ant-input-affix-wrapper-textarea-with-clear-btn {
2615
+ padding: 0 !important;
2616
+ border: 0 !important;
2569
2617
  }
2570
- .ant-tabs-left > .ant-tabs-nav,
2571
- .ant-tabs-right > .ant-tabs-nav,
2572
- .ant-tabs-left > div > .ant-tabs-nav,
2573
- .ant-tabs-right > div > .ant-tabs-nav {
2574
- -webkit-box-orient: vertical;
2575
- -webkit-box-direction: normal;
2576
- -ms-flex-direction: column;
2577
- flex-direction: column;
2578
- min-width: 50px;
2618
+ .ant-input-affix-wrapper-textarea-with-clear-btn .ant-input-clear-icon {
2619
+ position: absolute;
2620
+ top: 8px;
2621
+ right: 8px;
2622
+ z-index: 1;
2579
2623
  }
2580
- .ant-tabs-left > .ant-tabs-nav .ant-tabs-tab,
2581
- .ant-tabs-right > .ant-tabs-nav .ant-tabs-tab,
2582
- .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab,
2583
- .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab {
2584
- padding: 8px 24px;
2585
- text-align: center;
2624
+ .ant-input {
2625
+ -webkit-box-sizing: border-box;
2626
+ box-sizing: border-box;
2627
+ margin: 0;
2628
+ padding: 0;
2629
+ font-variant: tabular-nums;
2630
+ list-style: none;
2631
+ -webkit-font-feature-settings: 'tnum';
2632
+ font-feature-settings: 'tnum';
2633
+ position: relative;
2634
+ display: inline-block;
2635
+ width: 100%;
2636
+ min-width: 0;
2637
+ padding: 4px 11px;
2638
+ color: rgba(0, 0, 0, 0.85);
2639
+ font-size: 14px;
2640
+ line-height: 1.5715;
2641
+ background-color: #fff;
2642
+ background-image: none;
2643
+ border: 1px solid #d9d9d9;
2644
+ border-radius: 2px;
2645
+ -webkit-transition: all 0.3s;
2646
+ transition: all 0.3s;
2586
2647
  }
2587
- .ant-tabs-left > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
2588
- .ant-tabs-right > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
2589
- .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
2590
- .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab {
2591
- margin: 16px 0 0 0;
2648
+ .ant-input::-moz-placeholder {
2649
+ opacity: 1;
2592
2650
  }
2593
- .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap,
2594
- .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap,
2595
- .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap,
2596
- .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap {
2597
- -webkit-box-orient: vertical;
2598
- -webkit-box-direction: normal;
2599
- -ms-flex-direction: column;
2600
- flex-direction: column;
2651
+ .ant-input::-webkit-input-placeholder {
2652
+ color: #bfbfbf;
2601
2653
  }
2602
- .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap::before,
2603
- .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap::before,
2604
- .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
2605
- .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
2606
- .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap::after,
2607
- .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap::after,
2608
- .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap::after,
2609
- .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap::after {
2610
- right: 0;
2611
- left: 0;
2612
- height: 30px;
2654
+ .ant-input::-ms-input-placeholder {
2655
+ color: #bfbfbf;
2613
2656
  }
2614
- .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap::before,
2615
- .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap::before,
2616
- .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
2617
- .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap::before {
2618
- top: 0;
2619
- -webkit-box-shadow: inset 0 10px 8px -8px rgba(0, 0, 0, 0.08);
2620
- box-shadow: inset 0 10px 8px -8px rgba(0, 0, 0, 0.08);
2657
+ .ant-input::placeholder {
2658
+ color: #bfbfbf;
2621
2659
  }
2622
- .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap::after,
2623
- .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap::after,
2624
- .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap::after,
2625
- .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap::after {
2626
- bottom: 0;
2627
- -webkit-box-shadow: inset 0 -10px 8px -8px rgba(0, 0, 0, 0.08);
2628
- box-shadow: inset 0 -10px 8px -8px rgba(0, 0, 0, 0.08);
2660
+ .ant-input:placeholder-shown {
2661
+ text-overflow: ellipsis;
2629
2662
  }
2630
- .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before,
2631
- .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before,
2632
- .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before,
2633
- .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before {
2634
- opacity: 1;
2663
+ .ant-input:hover {
2664
+ border-color: #40a9ff;
2665
+ border-right-width: 1px !important;
2635
2666
  }
2636
- .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after,
2637
- .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after,
2638
- .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after,
2639
- .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after {
2640
- opacity: 1;
2667
+ .ant-input-rtl .ant-input:hover {
2668
+ border-right-width: 0;
2669
+ border-left-width: 1px !important;
2641
2670
  }
2642
- .ant-tabs-left > .ant-tabs-nav .ant-tabs-ink-bar,
2643
- .ant-tabs-right > .ant-tabs-nav .ant-tabs-ink-bar,
2644
- .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-ink-bar,
2645
- .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-ink-bar {
2646
- width: 2px;
2671
+ .ant-input:focus,
2672
+ .ant-input-focused {
2673
+ border-color: #40a9ff;
2674
+ border-right-width: 1px !important;
2675
+ outline: 0;
2676
+ -webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
2677
+ box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
2647
2678
  }
2648
- .ant-tabs-left > .ant-tabs-nav .ant-tabs-ink-bar-animated,
2649
- .ant-tabs-right > .ant-tabs-nav .ant-tabs-ink-bar-animated,
2650
- .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-ink-bar-animated,
2651
- .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-ink-bar-animated {
2652
- -webkit-transition: height 0.3s, top 0.3s;
2653
- transition: height 0.3s, top 0.3s;
2679
+ .ant-input-rtl .ant-input:focus,
2680
+ .ant-input-rtl .ant-input-focused {
2681
+ border-right-width: 0;
2682
+ border-left-width: 1px !important;
2654
2683
  }
2655
- .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-list,
2656
- .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-list,
2657
- .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-list,
2658
- .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-list,
2659
- .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-operations,
2660
- .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-operations,
2661
- .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-operations,
2662
- .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-operations {
2663
- -webkit-box-flex: 1;
2664
- -ms-flex: 1 0 auto;
2665
- flex: 1 0 auto;
2666
- -webkit-box-orient: vertical;
2667
- -webkit-box-direction: normal;
2668
- -ms-flex-direction: column;
2669
- flex-direction: column;
2684
+ .ant-input-disabled {
2685
+ color: rgba(0, 0, 0, 0.25);
2686
+ background-color: #f5f5f5;
2687
+ cursor: not-allowed;
2688
+ opacity: 1;
2670
2689
  }
2671
- .ant-tabs-left > .ant-tabs-nav .ant-tabs-ink-bar,
2672
- .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-ink-bar {
2673
- right: 0;
2690
+ .ant-input-disabled:hover {
2691
+ border-color: #d9d9d9;
2692
+ border-right-width: 1px !important;
2674
2693
  }
2675
- .ant-tabs-left > .ant-tabs-content-holder,
2676
- .ant-tabs-left > div > .ant-tabs-content-holder {
2677
- margin-left: -1px;
2678
- border-left: 1px solid #f0f0f0;
2694
+ .ant-input[disabled] {
2695
+ color: rgba(0, 0, 0, 0.25);
2696
+ background-color: #f5f5f5;
2697
+ cursor: not-allowed;
2698
+ opacity: 1;
2679
2699
  }
2680
- .ant-tabs-left > .ant-tabs-content-holder > .ant-tabs-content > .ant-tabs-tabpane,
2681
- .ant-tabs-left > div > .ant-tabs-content-holder > .ant-tabs-content > .ant-tabs-tabpane {
2682
- padding-left: 24px;
2700
+ .ant-input[disabled]:hover {
2701
+ border-color: #d9d9d9;
2702
+ border-right-width: 1px !important;
2683
2703
  }
2684
- .ant-tabs-right > .ant-tabs-nav,
2685
- .ant-tabs-right > div > .ant-tabs-nav {
2686
- -webkit-box-ordinal-group: 2;
2687
- -ms-flex-order: 1;
2688
- order: 1;
2704
+ .ant-input-borderless,
2705
+ .ant-input-borderless:hover,
2706
+ .ant-input-borderless:focus,
2707
+ .ant-input-borderless-focused,
2708
+ .ant-input-borderless-disabled,
2709
+ .ant-input-borderless[disabled] {
2710
+ background-color: transparent;
2711
+ border: none;
2712
+ -webkit-box-shadow: none;
2713
+ box-shadow: none;
2689
2714
  }
2690
- .ant-tabs-right > .ant-tabs-nav .ant-tabs-ink-bar,
2691
- .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-ink-bar {
2692
- left: 0;
2715
+ textarea.ant-input {
2716
+ max-width: 100%;
2717
+ height: auto;
2718
+ min-height: 32px;
2719
+ line-height: 1.5715;
2720
+ vertical-align: bottom;
2721
+ -webkit-transition: all 0.3s, height 0s;
2722
+ transition: all 0.3s, height 0s;
2693
2723
  }
2694
- .ant-tabs-right > .ant-tabs-content-holder,
2695
- .ant-tabs-right > div > .ant-tabs-content-holder {
2696
- -webkit-box-ordinal-group: 1;
2697
- -ms-flex-order: 0;
2698
- order: 0;
2699
- margin-right: -1px;
2700
- border-right: 1px solid #f0f0f0;
2724
+ .ant-input-lg {
2725
+ padding: 6.5px 11px;
2726
+ font-size: 16px;
2701
2727
  }
2702
- .ant-tabs-right > .ant-tabs-content-holder > .ant-tabs-content > .ant-tabs-tabpane,
2703
- .ant-tabs-right > div > .ant-tabs-content-holder > .ant-tabs-content > .ant-tabs-tabpane {
2704
- padding-right: 24px;
2728
+ .ant-input-sm {
2729
+ padding: 0px 7px;
2705
2730
  }
2706
- .ant-tabs-dropdown {
2731
+ .ant-input-rtl {
2732
+ direction: rtl;
2733
+ }
2734
+ .ant-input-group {
2707
2735
  -webkit-box-sizing: border-box;
2708
2736
  box-sizing: border-box;
2709
2737
  margin: 0;
@@ -2715,662 +2743,474 @@ a.ant-btn-sm {
2715
2743
  list-style: none;
2716
2744
  -webkit-font-feature-settings: 'tnum';
2717
2745
  font-feature-settings: 'tnum';
2718
- position: absolute;
2719
- top: -9999px;
2720
- left: -9999px;
2721
- z-index: 1050;
2722
- display: block;
2746
+ position: relative;
2747
+ display: table;
2748
+ width: 100%;
2749
+ border-collapse: separate;
2750
+ border-spacing: 0;
2723
2751
  }
2724
- .ant-tabs-dropdown-hidden {
2725
- display: none;
2752
+ .ant-input-group[class*='col-'] {
2753
+ float: none;
2754
+ padding-right: 0;
2755
+ padding-left: 0;
2726
2756
  }
2727
- .ant-tabs-dropdown-menu {
2728
- max-height: 200px;
2729
- margin: 0;
2730
- padding: 4px 0;
2731
- overflow-x: hidden;
2732
- overflow-y: auto;
2733
- text-align: left;
2734
- list-style-type: none;
2735
- background-color: #fff;
2736
- background-clip: padding-box;
2737
- border-radius: 2px;
2738
- outline: none;
2739
- -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);
2740
- 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);
2757
+ .ant-input-group > [class*='col-'] {
2758
+ padding-right: 8px;
2741
2759
  }
2742
- .ant-tabs-dropdown-menu-item {
2743
- min-width: 120px;
2744
- margin: 0;
2745
- padding: 5px 12px;
2746
- overflow: hidden;
2760
+ .ant-input-group > [class*='col-']:last-child {
2761
+ padding-right: 0;
2762
+ }
2763
+ .ant-input-group-addon,
2764
+ .ant-input-group-wrap,
2765
+ .ant-input-group > .ant-input {
2766
+ display: table-cell;
2767
+ }
2768
+ .ant-input-group-addon:not(:first-child):not(:last-child),
2769
+ .ant-input-group-wrap:not(:first-child):not(:last-child),
2770
+ .ant-input-group > .ant-input:not(:first-child):not(:last-child) {
2771
+ border-radius: 0;
2772
+ }
2773
+ .ant-input-group-addon,
2774
+ .ant-input-group-wrap {
2775
+ width: 1px;
2776
+ white-space: nowrap;
2777
+ vertical-align: middle;
2778
+ }
2779
+ .ant-input-group-wrap > * {
2780
+ display: block !important;
2781
+ }
2782
+ .ant-input-group .ant-input {
2783
+ float: left;
2784
+ width: 100%;
2785
+ margin-bottom: 0;
2786
+ text-align: inherit;
2787
+ }
2788
+ .ant-input-group .ant-input:focus {
2789
+ z-index: 1;
2790
+ border-right-width: 1px;
2791
+ }
2792
+ .ant-input-group .ant-input:hover {
2793
+ z-index: 1;
2794
+ border-right-width: 1px;
2795
+ }
2796
+ .ant-input-search-with-button .ant-input-group .ant-input:hover {
2797
+ z-index: 0;
2798
+ }
2799
+ .ant-input-group-addon {
2800
+ position: relative;
2801
+ padding: 0 11px;
2747
2802
  color: rgba(0, 0, 0, 0.85);
2748
2803
  font-weight: normal;
2749
2804
  font-size: 14px;
2750
- line-height: 22px;
2751
- white-space: nowrap;
2752
- text-overflow: ellipsis;
2753
- cursor: pointer;
2805
+ text-align: center;
2806
+ background-color: #fafafa;
2807
+ border: 1px solid #d9d9d9;
2808
+ border-radius: 2px;
2754
2809
  -webkit-transition: all 0.3s;
2755
2810
  transition: all 0.3s;
2756
2811
  }
2757
- .ant-tabs-dropdown-menu-item:hover {
2758
- background: #f5f5f5;
2812
+ .ant-input-group-addon .ant-select {
2813
+ margin: -5px -11px;
2759
2814
  }
2760
- .ant-tabs-dropdown-menu-item-disabled,
2761
- .ant-tabs-dropdown-menu-item-disabled:hover {
2762
- color: rgba(0, 0, 0, 0.25);
2763
- background: transparent;
2764
- cursor: not-allowed;
2815
+ .ant-input-group-addon .ant-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
2816
+ background-color: inherit;
2817
+ border: 1px solid transparent;
2818
+ -webkit-box-shadow: none;
2819
+ box-shadow: none;
2765
2820
  }
2766
- .ant-tabs-card > .ant-tabs-nav .ant-tabs-tab,
2767
- .ant-tabs-card > div > .ant-tabs-nav .ant-tabs-tab {
2768
- margin: 0;
2769
- padding: 8px 16px;
2770
- background: #fafafa;
2771
- border: 1px solid #f0f0f0;
2772
- -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
2773
- transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
2821
+ .ant-input-group-addon .ant-select-open .ant-select-selector,
2822
+ .ant-input-group-addon .ant-select-focused .ant-select-selector {
2823
+ color: #1890ff;
2824
+ }
2825
+ .ant-input-group > .ant-input:first-child,
2826
+ .ant-input-group-addon:first-child {
2827
+ border-top-right-radius: 0;
2828
+ border-bottom-right-radius: 0;
2829
+ }
2830
+ .ant-input-group > .ant-input:first-child .ant-select .ant-select-selector,
2831
+ .ant-input-group-addon:first-child .ant-select .ant-select-selector {
2832
+ border-top-right-radius: 0;
2833
+ border-bottom-right-radius: 0;
2774
2834
  }
2775
- .ant-tabs-card > .ant-tabs-nav .ant-tabs-tab-active,
2776
- .ant-tabs-card > div > .ant-tabs-nav .ant-tabs-tab-active {
2777
- color: #1890ff;
2778
- background: #fff;
2835
+ .ant-input-group > .ant-input-affix-wrapper:not(:first-child) .ant-input {
2836
+ border-top-left-radius: 0;
2837
+ border-bottom-left-radius: 0;
2779
2838
  }
2780
- .ant-tabs-card > .ant-tabs-nav .ant-tabs-ink-bar,
2781
- .ant-tabs-card > div > .ant-tabs-nav .ant-tabs-ink-bar {
2782
- visibility: hidden;
2839
+ .ant-input-group > .ant-input-affix-wrapper:not(:last-child) .ant-input {
2840
+ border-top-right-radius: 0;
2841
+ border-bottom-right-radius: 0;
2783
2842
  }
2784
- .ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
2785
- .ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
2786
- .ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
2787
- .ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab {
2788
- margin-left: 2px;
2843
+ .ant-input-group-addon:first-child {
2844
+ border-right: 0;
2789
2845
  }
2790
- .ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab,
2791
- .ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab {
2792
- border-radius: 2px 2px 0 0;
2846
+ .ant-input-group-addon:last-child {
2847
+ border-left: 0;
2793
2848
  }
2794
- .ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab-active,
2795
- .ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab-active {
2796
- border-bottom-color: #fff;
2849
+ .ant-input-group > .ant-input:last-child,
2850
+ .ant-input-group-addon:last-child {
2851
+ border-top-left-radius: 0;
2852
+ border-bottom-left-radius: 0;
2797
2853
  }
2798
- .ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab,
2799
- .ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab {
2800
- border-radius: 0 0 2px 2px;
2854
+ .ant-input-group > .ant-input:last-child .ant-select .ant-select-selector,
2855
+ .ant-input-group-addon:last-child .ant-select .ant-select-selector {
2856
+ border-top-left-radius: 0;
2857
+ border-bottom-left-radius: 0;
2801
2858
  }
2802
- .ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab-active,
2803
- .ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab-active {
2804
- border-top-color: #fff;
2859
+ .ant-input-group-lg .ant-input,
2860
+ .ant-input-group-lg > .ant-input-group-addon {
2861
+ padding: 6.5px 11px;
2862
+ font-size: 16px;
2805
2863
  }
2806
- .ant-tabs-card.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
2807
- .ant-tabs-card.ant-tabs-right > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
2808
- .ant-tabs-card.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
2809
- .ant-tabs-card.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab {
2810
- margin-top: 2px;
2864
+ .ant-input-group-sm .ant-input,
2865
+ .ant-input-group-sm > .ant-input-group-addon {
2866
+ padding: 0px 7px;
2811
2867
  }
2812
- .ant-tabs-card.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab,
2813
- .ant-tabs-card.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab {
2814
- border-radius: 2px 0 0 2px;
2868
+ .ant-input-group-lg .ant-select-single .ant-select-selector {
2869
+ height: 40px;
2815
2870
  }
2816
- .ant-tabs-card.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab-active,
2817
- .ant-tabs-card.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab-active {
2818
- border-right-color: #fff;
2871
+ .ant-input-group-sm .ant-select-single .ant-select-selector {
2872
+ height: 24px;
2819
2873
  }
2820
- .ant-tabs-card.ant-tabs-right > .ant-tabs-nav .ant-tabs-tab,
2821
- .ant-tabs-card.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab {
2822
- border-radius: 0 2px 2px 0;
2874
+ .ant-input-group .ant-input-affix-wrapper:not(:first-child) {
2875
+ border-top-left-radius: 0;
2876
+ border-bottom-left-radius: 0;
2823
2877
  }
2824
- .ant-tabs-card.ant-tabs-right > .ant-tabs-nav .ant-tabs-tab-active,
2825
- .ant-tabs-card.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab-active {
2826
- border-left-color: #fff;
2878
+ .ant-input-group .ant-input-affix-wrapper:not(:last-child) {
2879
+ border-top-right-radius: 0;
2880
+ border-bottom-right-radius: 0;
2827
2881
  }
2828
- .ant-tabs {
2829
- -webkit-box-sizing: border-box;
2830
- box-sizing: border-box;
2831
- margin: 0;
2832
- padding: 0;
2833
- color: rgba(0, 0, 0, 0.85);
2834
- font-size: 14px;
2835
- font-variant: tabular-nums;
2836
- line-height: 1.5715;
2837
- list-style: none;
2838
- -webkit-font-feature-settings: 'tnum';
2839
- font-feature-settings: 'tnum';
2840
- display: -webkit-box;
2841
- display: -ms-flexbox;
2842
- display: flex;
2843
- overflow: hidden;
2882
+ .ant-input-search .ant-input-group .ant-input-affix-wrapper:not(:last-child) {
2883
+ border-top-left-radius: 2px;
2884
+ border-bottom-left-radius: 2px;
2844
2885
  }
2845
- .ant-tabs > .ant-tabs-nav,
2846
- .ant-tabs > div > .ant-tabs-nav {
2847
- position: relative;
2848
- display: -webkit-box;
2849
- display: -ms-flexbox;
2850
- display: flex;
2851
- -webkit-box-flex: 0;
2852
- -ms-flex: none;
2853
- flex: none;
2854
- -webkit-box-align: center;
2855
- -ms-flex-align: center;
2856
- align-items: center;
2886
+ .ant-input-group.ant-input-group-compact {
2887
+ display: block;
2857
2888
  }
2858
- .ant-tabs > .ant-tabs-nav .ant-tabs-nav-wrap,
2859
- .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-wrap {
2860
- position: relative;
2861
- display: inline-block;
2862
- display: -webkit-box;
2863
- display: -ms-flexbox;
2864
- display: flex;
2865
- -webkit-box-flex: 1;
2866
- -ms-flex: auto;
2867
- flex: auto;
2868
- -ms-flex-item-align: stretch;
2869
- align-self: stretch;
2870
- overflow: hidden;
2871
- white-space: nowrap;
2872
- -webkit-transform: translate(0);
2873
- transform: translate(0);
2889
+ .ant-input-group.ant-input-group-compact::before {
2890
+ display: table;
2891
+ content: '';
2874
2892
  }
2875
- .ant-tabs > .ant-tabs-nav .ant-tabs-nav-wrap::before,
2876
- .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
2877
- .ant-tabs > .ant-tabs-nav .ant-tabs-nav-wrap::after,
2878
- .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-wrap::after {
2879
- position: absolute;
2880
- z-index: 1;
2881
- opacity: 0;
2882
- -webkit-transition: opacity 0.3s;
2883
- transition: opacity 0.3s;
2893
+ .ant-input-group.ant-input-group-compact::after {
2894
+ display: table;
2895
+ clear: both;
2884
2896
  content: '';
2885
- pointer-events: none;
2886
2897
  }
2887
- .ant-tabs > .ant-tabs-nav .ant-tabs-nav-list,
2888
- .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-list {
2889
- position: relative;
2890
- display: -webkit-box;
2891
- display: -ms-flexbox;
2892
- display: flex;
2893
- -webkit-transition: -webkit-transform 0.3s;
2894
- transition: -webkit-transform 0.3s;
2895
- transition: transform 0.3s;
2896
- transition: transform 0.3s, -webkit-transform 0.3s;
2898
+ .ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child),
2899
+ .ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child),
2900
+ .ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child) {
2901
+ border-right-width: 1px;
2897
2902
  }
2898
- .ant-tabs > .ant-tabs-nav .ant-tabs-nav-operations,
2899
- .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-operations {
2900
- display: -webkit-box;
2901
- display: -ms-flexbox;
2902
- display: flex;
2903
- -ms-flex-item-align: stretch;
2904
- align-self: stretch;
2903
+ .ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child):hover,
2904
+ .ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child):hover,
2905
+ .ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child):hover {
2906
+ z-index: 1;
2905
2907
  }
2906
- .ant-tabs > .ant-tabs-nav .ant-tabs-nav-operations-hidden,
2907
- .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-operations-hidden {
2908
- position: absolute;
2909
- visibility: hidden;
2910
- pointer-events: none;
2908
+ .ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child):focus,
2909
+ .ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child):focus,
2910
+ .ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child):focus {
2911
+ z-index: 1;
2911
2912
  }
2912
- .ant-tabs > .ant-tabs-nav .ant-tabs-nav-more,
2913
- .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-more {
2914
- position: relative;
2915
- padding: 8px 16px;
2916
- background: transparent;
2917
- border: 0;
2913
+ .ant-input-group.ant-input-group-compact > * {
2914
+ display: inline-block;
2915
+ float: none;
2916
+ vertical-align: top;
2917
+ border-radius: 0;
2918
2918
  }
2919
- .ant-tabs > .ant-tabs-nav .ant-tabs-nav-more::after,
2920
- .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-more::after {
2921
- position: absolute;
2922
- right: 0;
2923
- bottom: 0;
2924
- left: 0;
2925
- height: 5px;
2926
- -webkit-transform: translateY(100%);
2927
- transform: translateY(100%);
2928
- content: '';
2919
+ .ant-input-group.ant-input-group-compact > .ant-input-affix-wrapper {
2920
+ display: -webkit-inline-box;
2921
+ display: -ms-inline-flexbox;
2922
+ display: inline-flex;
2929
2923
  }
2930
- .ant-tabs > .ant-tabs-nav .ant-tabs-nav-add,
2931
- .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add {
2932
- min-width: 40px;
2933
- padding: 0 8px;
2934
- background: #fafafa;
2935
- border: 1px solid #f0f0f0;
2936
- border-radius: 2px 2px 0 0;
2937
- outline: none;
2938
- cursor: pointer;
2939
- -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
2940
- transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
2924
+ .ant-input-group.ant-input-group-compact > .ant-picker-range {
2925
+ display: -webkit-inline-box;
2926
+ display: -ms-inline-flexbox;
2927
+ display: inline-flex;
2941
2928
  }
2942
- .ant-tabs > .ant-tabs-nav .ant-tabs-nav-add:hover,
2943
- .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add:hover {
2944
- color: #40a9ff;
2929
+ .ant-input-group.ant-input-group-compact > *:not(:last-child) {
2930
+ margin-right: -1px;
2931
+ border-right-width: 1px;
2945
2932
  }
2946
- .ant-tabs > .ant-tabs-nav .ant-tabs-nav-add:active,
2947
- .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add:active,
2948
- .ant-tabs > .ant-tabs-nav .ant-tabs-nav-add:focus,
2949
- .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add:focus {
2950
- color: #096dd9;
2933
+ .ant-input-group.ant-input-group-compact .ant-input {
2934
+ float: none;
2951
2935
  }
2952
- .ant-tabs-extra-content {
2953
- -webkit-box-flex: 0;
2954
- -ms-flex: none;
2955
- flex: none;
2936
+ .ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selector,
2937
+ .ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input,
2938
+ .ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input,
2939
+ .ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-input {
2940
+ border-right-width: 1px;
2941
+ border-radius: 0;
2956
2942
  }
2957
- .ant-tabs-centered > .ant-tabs-nav .ant-tabs-nav-wrap:not([class*='ant-tabs-nav-wrap-ping']),
2958
- .ant-tabs-centered > div > .ant-tabs-nav .ant-tabs-nav-wrap:not([class*='ant-tabs-nav-wrap-ping']) {
2959
- -webkit-box-pack: center;
2960
- -ms-flex-pack: center;
2961
- justify-content: center;
2943
+ .ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selector:hover,
2944
+ .ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input:hover,
2945
+ .ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input:hover,
2946
+ .ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-input:hover {
2947
+ z-index: 1;
2948
+ }
2949
+ .ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selector:focus,
2950
+ .ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input:focus,
2951
+ .ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input:focus,
2952
+ .ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-input:focus {
2953
+ z-index: 1;
2962
2954
  }
2963
- .ant-tabs-ink-bar {
2964
- position: absolute;
2965
- background: #1890ff;
2966
- pointer-events: none;
2955
+ .ant-input-group.ant-input-group-compact > .ant-select-focused {
2956
+ z-index: 1;
2967
2957
  }
2968
- .ant-tabs-tab {
2969
- position: relative;
2970
- display: -webkit-inline-box;
2971
- display: -ms-inline-flexbox;
2972
- display: inline-flex;
2973
- -webkit-box-align: center;
2974
- -ms-flex-align: center;
2975
- align-items: center;
2976
- padding: 12px 0;
2977
- font-size: 14px;
2978
- background: transparent;
2979
- border: 0;
2980
- outline: none;
2981
- cursor: pointer;
2958
+ .ant-input-group.ant-input-group-compact > .ant-select > .ant-select-arrow {
2959
+ z-index: 1;
2982
2960
  }
2983
- .ant-tabs-tab-btn:focus,
2984
- .ant-tabs-tab-remove:focus,
2985
- .ant-tabs-tab-btn:active,
2986
- .ant-tabs-tab-remove:active {
2987
- color: #096dd9;
2961
+ .ant-input-group.ant-input-group-compact > *:first-child,
2962
+ .ant-input-group.ant-input-group-compact > .ant-select:first-child > .ant-select-selector,
2963
+ .ant-input-group.ant-input-group-compact > .ant-select-auto-complete:first-child .ant-input,
2964
+ .ant-input-group.ant-input-group-compact > .ant-cascader-picker:first-child .ant-input {
2965
+ border-top-left-radius: 2px;
2966
+ border-bottom-left-radius: 2px;
2988
2967
  }
2989
- .ant-tabs-tab-btn {
2990
- outline: none;
2991
- -webkit-transition: all 0.3s;
2992
- transition: all 0.3s;
2968
+ .ant-input-group.ant-input-group-compact > *:last-child,
2969
+ .ant-input-group.ant-input-group-compact > .ant-select:last-child > .ant-select-selector,
2970
+ .ant-input-group.ant-input-group-compact > .ant-cascader-picker:last-child .ant-input,
2971
+ .ant-input-group.ant-input-group-compact > .ant-cascader-picker-focused:last-child .ant-input {
2972
+ border-right-width: 1px;
2973
+ border-top-right-radius: 2px;
2974
+ border-bottom-right-radius: 2px;
2993
2975
  }
2994
- .ant-tabs-tab-remove {
2995
- -webkit-box-flex: 0;
2996
- -ms-flex: none;
2997
- flex: none;
2998
- margin-right: -4px;
2999
- margin-left: 8px;
3000
- color: rgba(0, 0, 0, 0.45);
3001
- font-size: 12px;
3002
- background: transparent;
3003
- border: none;
3004
- outline: none;
3005
- cursor: pointer;
3006
- -webkit-transition: all 0.3s;
3007
- transition: all 0.3s;
2976
+ .ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input {
2977
+ vertical-align: top;
3008
2978
  }
3009
- .ant-tabs-tab-remove:hover {
3010
- color: rgba(0, 0, 0, 0.85);
2979
+ .ant-input-group.ant-input-group-compact .ant-input-group-wrapper + .ant-input-group-wrapper {
2980
+ margin-left: -1px;
3011
2981
  }
3012
- .ant-tabs-tab:hover {
3013
- color: #40a9ff;
2982
+ .ant-input-group.ant-input-group-compact .ant-input-group-wrapper + .ant-input-group-wrapper .ant-input-affix-wrapper {
2983
+ border-radius: 0;
3014
2984
  }
3015
- .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
3016
- color: #1890ff;
3017
- text-shadow: 0 0 0.25px currentColor;
2985
+ .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 {
2986
+ border-radius: 0;
3018
2987
  }
3019
- .ant-tabs-tab.ant-tabs-tab-disabled {
3020
- color: rgba(0, 0, 0, 0.25);
3021
- cursor: not-allowed;
2988
+ .ant-input-group.ant-input-group-compact .ant-input-group-wrapper:not(:last-child).ant-input-search > .ant-input-group > .ant-input {
2989
+ border-radius: 2px 0 0 2px;
3022
2990
  }
3023
- .ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-btn:focus,
3024
- .ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-remove:focus,
3025
- .ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-btn:active,
3026
- .ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-remove:active {
3027
- color: rgba(0, 0, 0, 0.25);
2991
+ .ant-input-group > .ant-input-rtl:first-child,
2992
+ .ant-input-group-rtl .ant-input-group-addon:first-child {
2993
+ border-radius: 0 2px 2px 0;
3028
2994
  }
3029
- .ant-tabs-tab .ant-tabs-tab-remove .anticon {
3030
- margin: 0;
2995
+ .ant-input-group-rtl .ant-input-group-addon:first-child {
2996
+ border-right: 1px solid #d9d9d9;
2997
+ border-left: 0;
3031
2998
  }
3032
- .ant-tabs-tab .anticon {
3033
- margin-right: 12px;
2999
+ .ant-input-group-rtl .ant-input-group-addon:last-child {
3000
+ border-right: 0;
3001
+ border-left: 1px solid #d9d9d9;
3034
3002
  }
3035
- .ant-tabs-tab + .ant-tabs-tab {
3036
- margin: 0 0 0 32px;
3003
+ .ant-input-group-rtl.ant-input-group > .ant-input:last-child,
3004
+ .ant-input-group-rtl.ant-input-group-addon:last-child {
3005
+ border-radius: 2px 0 0 2px;
3037
3006
  }
3038
- .ant-tabs-content {
3039
- display: -webkit-box;
3040
- display: -ms-flexbox;
3041
- display: flex;
3042
- width: 100%;
3007
+ .ant-input-group-rtl.ant-input-group .ant-input-affix-wrapper:not(:first-child) {
3008
+ border-radius: 2px 0 0 2px;
3043
3009
  }
3044
- .ant-tabs-content-holder {
3045
- -webkit-box-flex: 1;
3046
- -ms-flex: auto;
3047
- flex: auto;
3048
- min-width: 0;
3049
- min-height: 0;
3010
+ .ant-input-group-rtl.ant-input-group .ant-input-affix-wrapper:not(:last-child) {
3011
+ border-radius: 0 2px 2px 0;
3050
3012
  }
3051
- .ant-tabs-content-animated {
3052
- -webkit-transition: margin 0.3s;
3053
- transition: margin 0.3s;
3013
+ .ant-input-group-rtl.ant-input-group.ant-input-group-compact > *:not(:last-child) {
3014
+ margin-right: 0;
3015
+ margin-left: -1px;
3016
+ border-left-width: 1px;
3054
3017
  }
3055
- .ant-tabs-tabpane {
3056
- -webkit-box-flex: 0;
3057
- -ms-flex: none;
3058
- flex: none;
3059
- width: 100%;
3060
- outline: none;
3018
+ .ant-input-group-rtl.ant-input-group.ant-input-group-compact > *:first-child,
3019
+ .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select:first-child > .ant-select-selector,
3020
+ .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select-auto-complete:first-child .ant-input,
3021
+ .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-cascader-picker:first-child .ant-input {
3022
+ border-radius: 0 2px 2px 0;
3061
3023
  }
3062
- .pandora-sdk-card .ant-card-head .ant-card-extra {
3063
- padding: 0;
3024
+ .ant-input-group-rtl.ant-input-group.ant-input-group-compact > *:last-child,
3025
+ .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select:last-child > .ant-select-selector,
3026
+ .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select-auto-complete:last-child .ant-input,
3027
+ .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-cascader-picker:last-child .ant-input,
3028
+ .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-cascader-picker-focused:last-child .ant-input {
3029
+ border-left-width: 1px;
3030
+ border-radius: 2px 0 0 2px;
3064
3031
  }
3065
- .ant-divider {
3066
- -webkit-box-sizing: border-box;
3067
- box-sizing: border-box;
3068
- margin: 0;
3069
- padding: 0;
3070
- color: rgba(0, 0, 0, 0.85);
3071
- font-size: 14px;
3072
- font-variant: tabular-nums;
3073
- line-height: 1.5715;
3074
- list-style: none;
3075
- -webkit-font-feature-settings: 'tnum';
3076
- font-feature-settings: 'tnum';
3077
- border-top: 1px solid rgba(0, 0, 0, 0.06);
3032
+ .ant-input-group.ant-input-group-compact .ant-input-group-wrapper-rtl + .ant-input-group-wrapper-rtl {
3033
+ margin-right: -1px;
3034
+ margin-left: 0;
3078
3035
  }
3079
- .ant-divider-vertical {
3080
- position: relative;
3081
- top: -0.06em;
3082
- display: inline-block;
3083
- height: 0.9em;
3084
- margin: 0 8px;
3085
- vertical-align: middle;
3086
- border-top: 0;
3087
- border-left: 1px solid rgba(0, 0, 0, 0.06);
3036
+ .ant-input-group.ant-input-group-compact .ant-input-group-wrapper-rtl:not(:last-child).ant-input-search > .ant-input-group > .ant-input {
3037
+ border-radius: 0 2px 2px 0;
3088
3038
  }
3089
- .ant-divider-horizontal {
3090
- display: -webkit-box;
3091
- display: -ms-flexbox;
3092
- display: flex;
3093
- clear: both;
3039
+ .ant-input-group-wrapper {
3040
+ display: inline-block;
3094
3041
  width: 100%;
3095
- min-width: 100%;
3096
- margin: 24px 0;
3097
- }
3098
- .ant-divider-horizontal.ant-divider-with-text {
3099
- display: -webkit-box;
3100
- display: -ms-flexbox;
3101
- display: flex;
3102
- margin: 16px 0;
3103
- color: rgba(0, 0, 0, 0.85);
3104
- font-weight: 500;
3105
- font-size: 16px;
3106
- white-space: nowrap;
3107
- text-align: center;
3108
- border-top: 0;
3109
- border-top-color: rgba(0, 0, 0, 0.06);
3110
- }
3111
- .ant-divider-horizontal.ant-divider-with-text::before,
3112
- .ant-divider-horizontal.ant-divider-with-text::after {
3113
- position: relative;
3114
- top: 50%;
3115
- width: 50%;
3116
- border-top: 1px solid transparent;
3117
- border-top-color: inherit;
3118
- border-bottom: 0;
3119
- -webkit-transform: translateY(50%);
3120
- transform: translateY(50%);
3121
- content: '';
3042
+ text-align: start;
3043
+ vertical-align: top;
3122
3044
  }
3123
- .ant-divider-horizontal.ant-divider-with-text-left::before {
3124
- top: 50%;
3125
- width: 5%;
3045
+ .ant-input-password-icon {
3046
+ color: rgba(0, 0, 0, 0.45);
3047
+ cursor: pointer;
3048
+ -webkit-transition: all 0.3s;
3049
+ transition: all 0.3s;
3126
3050
  }
3127
- .ant-divider-horizontal.ant-divider-with-text-left::after {
3128
- top: 50%;
3129
- width: 95%;
3051
+ .ant-input-password-icon:hover {
3052
+ color: rgba(0, 0, 0, 0.85);
3130
3053
  }
3131
- .ant-divider-horizontal.ant-divider-with-text-right::before {
3132
- top: 50%;
3133
- width: 95%;
3054
+ .ant-input[type='color'] {
3055
+ height: 32px;
3134
3056
  }
3135
- .ant-divider-horizontal.ant-divider-with-text-right::after {
3136
- top: 50%;
3137
- width: 5%;
3057
+ .ant-input[type='color'].ant-input-lg {
3058
+ height: 40px;
3138
3059
  }
3139
- .ant-divider-inner-text {
3140
- display: inline-block;
3141
- padding: 0 1em;
3060
+ .ant-input[type='color'].ant-input-sm {
3061
+ height: 24px;
3062
+ padding-top: 3px;
3063
+ padding-bottom: 3px;
3142
3064
  }
3143
- .ant-divider-dashed {
3144
- background: none;
3145
- border-color: rgba(0, 0, 0, 0.06);
3146
- border-style: dashed;
3147
- border-width: 1px 0 0;
3065
+ .ant-input-textarea-show-count::after {
3066
+ float: right;
3067
+ color: rgba(0, 0, 0, 0.45);
3068
+ white-space: nowrap;
3069
+ content: attr(data-count);
3070
+ pointer-events: none;
3148
3071
  }
3149
- .ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed {
3150
- border-top: 0;
3072
+ .ant-input-search .ant-input:hover,
3073
+ .ant-input-search .ant-input:focus {
3074
+ border-color: #40a9ff;
3151
3075
  }
3152
- .ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed::before,
3153
- .ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed::after {
3154
- border-style: dashed none none;
3076
+ .ant-input-search .ant-input:hover + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary),
3077
+ .ant-input-search .ant-input:focus + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary) {
3078
+ border-left-color: #40a9ff;
3155
3079
  }
3156
- .ant-divider-vertical.ant-divider-dashed {
3157
- border-width: 0 0 0 1px;
3080
+ .ant-input-search .ant-input-affix-wrapper {
3081
+ border-radius: 0;
3158
3082
  }
3159
- .ant-divider-plain.ant-divider-with-text {
3160
- color: rgba(0, 0, 0, 0.85);
3161
- font-weight: normal;
3162
- font-size: 14px;
3083
+ .ant-input-search .ant-input-lg {
3084
+ line-height: 1.5713;
3163
3085
  }
3164
- .ant-divider-rtl {
3165
- direction: rtl;
3086
+ .ant-input-search > .ant-input-group > .ant-input-group-addon:last-child {
3087
+ left: -1px;
3088
+ padding: 0;
3089
+ border: 0;
3166
3090
  }
3167
- .ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-left::before {
3168
- width: 95%;
3091
+ .ant-input-search > .ant-input-group > .ant-input-group-addon:last-child .ant-input-search-button {
3092
+ padding-top: 0;
3093
+ padding-bottom: 0;
3094
+ border-radius: 0 2px 2px 0;
3169
3095
  }
3170
- .ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-left::after {
3171
- width: 5%;
3096
+ .ant-input-search > .ant-input-group > .ant-input-group-addon:last-child .ant-input-search-button:not(.ant-btn-primary) {
3097
+ color: rgba(0, 0, 0, 0.45);
3172
3098
  }
3173
- .ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-right::before {
3174
- width: 5%;
3099
+ .ant-input-search > .ant-input-group > .ant-input-group-addon:last-child .ant-input-search-button:not(.ant-btn-primary).ant-btn-loading::before {
3100
+ top: 0;
3101
+ right: 0;
3102
+ bottom: 0;
3103
+ left: 0;
3175
3104
  }
3176
- .ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-right::after {
3177
- width: 95%;
3105
+ .ant-input-search-button {
3106
+ height: 32px;
3178
3107
  }
3179
- @-webkit-keyframes antCheckboxEffect {
3180
- 0% {
3181
- -webkit-transform: scale(1);
3182
- transform: scale(1);
3183
- opacity: 0.5;
3184
- }
3185
- 100% {
3186
- -webkit-transform: scale(1.6);
3187
- transform: scale(1.6);
3188
- opacity: 0;
3189
- }
3108
+ .ant-input-search-button:hover,
3109
+ .ant-input-search-button:focus {
3110
+ z-index: 1;
3190
3111
  }
3191
- @keyframes antCheckboxEffect {
3192
- 0% {
3193
- -webkit-transform: scale(1);
3194
- transform: scale(1);
3195
- opacity: 0.5;
3196
- }
3197
- 100% {
3198
- -webkit-transform: scale(1.6);
3199
- transform: scale(1.6);
3200
- opacity: 0;
3201
- }
3112
+ .ant-input-search-large .ant-input-search-button {
3113
+ height: 40px;
3202
3114
  }
3203
- .ant-checkbox {
3204
- -webkit-box-sizing: border-box;
3205
- box-sizing: border-box;
3206
- margin: 0;
3207
- padding: 0;
3208
- color: rgba(0, 0, 0, 0.85);
3209
- font-size: 14px;
3210
- font-variant: tabular-nums;
3211
- line-height: 1.5715;
3212
- list-style: none;
3213
- -webkit-font-feature-settings: 'tnum';
3214
- font-feature-settings: 'tnum';
3215
- position: relative;
3216
- top: 0.2em;
3217
- line-height: 1;
3218
- white-space: nowrap;
3219
- outline: none;
3220
- cursor: pointer;
3115
+ .ant-input-search-small .ant-input-search-button {
3116
+ height: 24px;
3221
3117
  }
3222
- .ant-checkbox-wrapper:hover .ant-checkbox-inner,
3223
- .ant-checkbox:hover .ant-checkbox-inner,
3224
- .ant-checkbox-input:focus + .ant-checkbox-inner {
3225
- border-color: #1890ff;
3118
+ .ant-input-group-wrapper-rtl {
3119
+ direction: rtl;
3226
3120
  }
3227
- .ant-checkbox-checked::after {
3228
- position: absolute;
3229
- top: 0;
3230
- left: 0;
3231
- width: 100%;
3232
- height: 100%;
3233
- border: 1px solid #1890ff;
3234
- border-radius: 2px;
3235
- visibility: hidden;
3236
- -webkit-animation: antCheckboxEffect 0.36s ease-in-out;
3237
- animation: antCheckboxEffect 0.36s ease-in-out;
3238
- -webkit-animation-fill-mode: backwards;
3239
- animation-fill-mode: backwards;
3240
- content: '';
3121
+ .ant-input-group-rtl {
3122
+ direction: rtl;
3241
3123
  }
3242
- .ant-checkbox:hover::after,
3243
- .ant-checkbox-wrapper:hover .ant-checkbox::after {
3244
- visibility: visible;
3124
+ .ant-input-affix-wrapper.ant-input-affix-wrapper-rtl > input.ant-input {
3125
+ border: none;
3126
+ outline: none;
3245
3127
  }
3246
- .ant-checkbox-inner {
3247
- position: relative;
3248
- top: 0;
3249
- left: 0;
3250
- display: block;
3251
- width: 16px;
3252
- height: 16px;
3253
- direction: ltr;
3254
- background-color: #fff;
3255
- border: 1px solid #d9d9d9;
3256
- border-radius: 2px;
3257
- border-collapse: separate;
3258
- -webkit-transition: all 0.3s;
3259
- transition: all 0.3s;
3128
+ .ant-input-affix-wrapper-rtl .ant-input-prefix {
3129
+ margin: 0 0 0 4px;
3260
3130
  }
3261
- .ant-checkbox-inner::after {
3262
- position: absolute;
3263
- top: 50%;
3264
- left: 22%;
3265
- display: table;
3266
- width: 5.71428571px;
3267
- height: 9.14285714px;
3268
- border: 2px solid #fff;
3269
- border-top: 0;
3270
- border-left: 0;
3271
- -webkit-transform: rotate(45deg) scale(0) translate(-50%, -50%);
3272
- transform: rotate(45deg) scale(0) translate(-50%, -50%);
3273
- opacity: 0;
3274
- -webkit-transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
3275
- transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
3276
- content: ' ';
3131
+ .ant-input-affix-wrapper-rtl .ant-input-suffix {
3132
+ margin: 0 4px 0 0;
3277
3133
  }
3278
- .ant-checkbox-input {
3279
- position: absolute;
3280
- top: 0;
3281
- right: 0;
3282
- bottom: 0;
3283
- left: 0;
3284
- z-index: 1;
3285
- width: 100%;
3286
- height: 100%;
3287
- cursor: pointer;
3288
- opacity: 0;
3134
+ .ant-input-textarea-rtl {
3135
+ direction: rtl;
3289
3136
  }
3290
- .ant-checkbox-checked .ant-checkbox-inner::after {
3291
- position: absolute;
3292
- display: table;
3293
- border: 2px solid #fff;
3294
- border-top: 0;
3295
- border-left: 0;
3296
- -webkit-transform: rotate(45deg) scale(1) translate(-50%, -50%);
3297
- transform: rotate(45deg) scale(1) translate(-50%, -50%);
3298
- opacity: 1;
3299
- -webkit-transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
3300
- transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
3301
- content: ' ';
3137
+ .ant-input-textarea-rtl.ant-input-textarea-show-count::after {
3138
+ text-align: left;
3302
3139
  }
3303
- .ant-checkbox-checked .ant-checkbox-inner {
3304
- background-color: #1890ff;
3305
- border-color: #1890ff;
3140
+ .ant-input-affix-wrapper-rtl .ant-input-clear-icon:last-child {
3141
+ margin-right: 4px;
3142
+ margin-left: 0;
3306
3143
  }
3307
- .ant-checkbox-disabled {
3308
- cursor: not-allowed;
3144
+ .ant-input-affix-wrapper-rtl .ant-input-clear-icon {
3145
+ right: auto;
3146
+ left: 8px;
3309
3147
  }
3310
- .ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner::after {
3311
- border-color: rgba(0, 0, 0, 0.25);
3312
- -webkit-animation-name: none;
3313
- animation-name: none;
3148
+ .ant-input-search-rtl {
3149
+ direction: rtl;
3314
3150
  }
3315
- .ant-checkbox-disabled .ant-checkbox-input {
3316
- cursor: not-allowed;
3151
+ .ant-input-search-rtl .ant-input:hover + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary),
3152
+ .ant-input-search-rtl .ant-input:focus + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary) {
3153
+ border-right-color: #40a9ff;
3154
+ border-left-color: #d9d9d9;
3317
3155
  }
3318
- .ant-checkbox-disabled .ant-checkbox-inner {
3319
- background-color: #f5f5f5;
3320
- border-color: #d9d9d9 !important;
3156
+ .ant-input-search-rtl > .ant-input-group > .ant-input-affix-wrapper:hover,
3157
+ .ant-input-search-rtl > .ant-input-group > .ant-input-affix-wrapper-focused {
3158
+ border-right-color: #40a9ff;
3321
3159
  }
3322
- .ant-checkbox-disabled .ant-checkbox-inner::after {
3323
- border-color: #f5f5f5;
3324
- border-collapse: separate;
3325
- -webkit-animation-name: none;
3326
- animation-name: none;
3160
+ .ant-input-search-rtl > .ant-input-group > .ant-input-group-addon {
3161
+ right: -1px;
3162
+ left: auto;
3327
3163
  }
3328
- .ant-checkbox-disabled + span {
3329
- color: rgba(0, 0, 0, 0.25);
3330
- cursor: not-allowed;
3164
+ .ant-input-search-rtl > .ant-input-group > .ant-input-group-addon .ant-input-search-button {
3165
+ border-radius: 2px 0 0 2px;
3331
3166
  }
3332
- .ant-checkbox-disabled:hover::after,
3333
- .ant-checkbox-wrapper:hover .ant-checkbox-disabled::after {
3334
- visibility: hidden;
3167
+ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
3168
+ .ant-input {
3169
+ height: 32px;
3170
+ }
3171
+ .ant-input-lg {
3172
+ height: 40px;
3173
+ }
3174
+ .ant-input-sm {
3175
+ height: 24px;
3176
+ }
3177
+ .ant-input-affix-wrapper > input.ant-input {
3178
+ height: auto;
3179
+ }
3335
3180
  }
3336
- .ant-checkbox-wrapper {
3337
- -webkit-box-sizing: border-box;
3338
- box-sizing: border-box;
3339
- margin: 0;
3340
- padding: 0;
3341
- color: rgba(0, 0, 0, 0.85);
3342
- font-size: 14px;
3343
- font-variant: tabular-nums;
3344
- line-height: 1.5715;
3345
- list-style: none;
3346
- -webkit-font-feature-settings: 'tnum';
3347
- font-feature-settings: 'tnum';
3348
- display: -webkit-inline-box;
3349
- display: -ms-inline-flexbox;
3350
- display: inline-flex;
3351
- -webkit-box-align: baseline;
3352
- -ms-flex-align: baseline;
3353
- align-items: baseline;
3354
- line-height: unset;
3355
- cursor: pointer;
3181
+ .pandora-sdk-check-transform-list {
3182
+ display: -webkit-box;
3183
+ display: -ms-flexbox;
3184
+ display: flex;
3185
+ margin-top: 20px;
3186
+ padding-left: 5px;
3187
+ padding-right: 5px;
3356
3188
  }
3357
- .ant-checkbox-wrapper::after {
3358
- display: inline-block;
3359
- width: 0;
3360
- overflow: hidden;
3361
- content: '\a0';
3189
+ .pandora-sdk-check-transform-list .pandora-sdk-check-transform-divider {
3190
+ height: auto;
3191
+ margin-left: 40px;
3192
+ margin-right: 40px;
3362
3193
  }
3363
- .ant-checkbox-wrapper.ant-checkbox-wrapper-disabled {
3364
- cursor: not-allowed;
3194
+ .pandora-sdk-check-transform {
3195
+ -webkit-box-flex: 1;
3196
+ -ms-flex: 1;
3197
+ flex: 1;
3365
3198
  }
3366
- .ant-checkbox-wrapper + .ant-checkbox-wrapper {
3367
- margin-left: 8px;
3199
+ .pandora-sdk-check-transform .pandora-sdk-check-transform-header {
3200
+ margin-bottom: 10px;
3368
3201
  }
3369
- .ant-checkbox + span {
3370
- padding-right: 8px;
3371
- padding-left: 8px;
3202
+ .pandora-sdk-check-transform .pandora-sdk-check-transform-search {
3203
+ width: 100%;
3204
+ height: 40px;
3205
+ margin-bottom: 10px;
3372
3206
  }
3373
- .ant-checkbox-group {
3207
+ .pandora-sdk-check-transform .pandora-sdk-check-transform-checkBox {
3208
+ line-height: 40px;
3209
+ }
3210
+ .pandora-sdk-check-transform .pandora-sdk-check-transform-checkBox .pandora-sdk-check-transform-checkbox-group {
3211
+ line-height: 40px;
3212
+ }
3213
+ .ant-card {
3374
3214
  -webkit-box-sizing: border-box;
3375
3215
  box-sizing: border-box;
3376
3216
  margin: 0;
@@ -3382,825 +3222,985 @@ a.ant-btn-sm {
3382
3222
  list-style: none;
3383
3223
  -webkit-font-feature-settings: 'tnum';
3384
3224
  font-feature-settings: 'tnum';
3385
- display: inline-block;
3386
- }
3387
- .ant-checkbox-group-item {
3388
- margin-right: 8px;
3389
- }
3390
- .ant-checkbox-group-item:last-child {
3391
- margin-right: 0;
3392
- }
3393
- .ant-checkbox-group-item + .ant-checkbox-group-item {
3394
- margin-left: 0;
3395
- }
3396
- .ant-checkbox-indeterminate .ant-checkbox-inner {
3397
- background-color: #fff;
3398
- border-color: #d9d9d9;
3399
- }
3400
- .ant-checkbox-indeterminate .ant-checkbox-inner::after {
3401
- top: 50%;
3402
- left: 50%;
3403
- width: 8px;
3404
- height: 8px;
3405
- background-color: #1890ff;
3406
- border: 0;
3407
- -webkit-transform: translate(-50%, -50%) scale(1);
3408
- transform: translate(-50%, -50%) scale(1);
3409
- opacity: 1;
3410
- content: ' ';
3411
- }
3412
- .ant-checkbox-indeterminate.ant-checkbox-disabled .ant-checkbox-inner::after {
3413
- background-color: rgba(0, 0, 0, 0.25);
3414
- border-color: rgba(0, 0, 0, 0.25);
3225
+ position: relative;
3226
+ background: #fff;
3227
+ border-radius: 2px;
3415
3228
  }
3416
- .ant-checkbox-rtl {
3229
+ .ant-card-rtl {
3417
3230
  direction: rtl;
3418
3231
  }
3419
- .ant-checkbox-group-rtl .ant-checkbox-group-item {
3420
- margin-right: 0;
3421
- margin-left: 8px;
3232
+ .ant-card-hoverable {
3233
+ cursor: pointer;
3234
+ -webkit-transition: border-color 0.3s, -webkit-box-shadow 0.3s;
3235
+ transition: border-color 0.3s, -webkit-box-shadow 0.3s;
3236
+ transition: box-shadow 0.3s, border-color 0.3s;
3237
+ transition: box-shadow 0.3s, border-color 0.3s, -webkit-box-shadow 0.3s;
3422
3238
  }
3423
- .ant-checkbox-group-rtl .ant-checkbox-group-item:last-child {
3424
- margin-left: 0 !important;
3239
+ .ant-card-hoverable:hover {
3240
+ border-color: transparent;
3241
+ -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);
3242
+ 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);
3425
3243
  }
3426
- .ant-checkbox-group-rtl .ant-checkbox-group-item + .ant-checkbox-group-item {
3427
- margin-left: 8px;
3244
+ .ant-card-bordered {
3245
+ border: 1px solid #f0f0f0;
3428
3246
  }
3429
- .ant-input-affix-wrapper {
3430
- position: relative;
3431
- display: inline-block;
3432
- width: 100%;
3433
- min-width: 0;
3434
- padding: 4px 11px;
3247
+ .ant-card-head {
3248
+ min-height: 48px;
3249
+ margin-bottom: -1px;
3250
+ padding: 0 24px;
3435
3251
  color: rgba(0, 0, 0, 0.85);
3436
- font-size: 14px;
3437
- line-height: 1.5715;
3438
- background-color: #fff;
3439
- background-image: none;
3440
- border: 1px solid #d9d9d9;
3441
- border-radius: 2px;
3442
- -webkit-transition: all 0.3s;
3443
- transition: all 0.3s;
3444
- display: -webkit-inline-box;
3445
- display: -ms-inline-flexbox;
3446
- display: inline-flex;
3447
- }
3448
- .ant-input-affix-wrapper::-moz-placeholder {
3449
- opacity: 1;
3252
+ font-weight: 500;
3253
+ font-size: 16px;
3254
+ background: transparent;
3255
+ border-bottom: 1px solid #f0f0f0;
3256
+ border-radius: 2px 2px 0 0;
3450
3257
  }
3451
- .ant-input-affix-wrapper::-webkit-input-placeholder {
3452
- color: #bfbfbf;
3258
+ .ant-card-head::before {
3259
+ display: table;
3260
+ content: '';
3453
3261
  }
3454
- .ant-input-affix-wrapper::-ms-input-placeholder {
3455
- color: #bfbfbf;
3262
+ .ant-card-head::after {
3263
+ display: table;
3264
+ clear: both;
3265
+ content: '';
3456
3266
  }
3457
- .ant-input-affix-wrapper::placeholder {
3458
- color: #bfbfbf;
3267
+ .ant-card-head-wrapper {
3268
+ display: -webkit-box;
3269
+ display: -ms-flexbox;
3270
+ display: flex;
3271
+ -webkit-box-align: center;
3272
+ -ms-flex-align: center;
3273
+ align-items: center;
3459
3274
  }
3460
- .ant-input-affix-wrapper:placeholder-shown {
3275
+ .ant-card-head-title {
3276
+ display: inline-block;
3277
+ -webkit-box-flex: 1;
3278
+ -ms-flex: 1;
3279
+ flex: 1;
3280
+ padding: 16px 0;
3281
+ overflow: hidden;
3282
+ white-space: nowrap;
3461
3283
  text-overflow: ellipsis;
3462
3284
  }
3463
- .ant-input-affix-wrapper:hover {
3464
- border-color: #40a9ff;
3465
- border-right-width: 1px !important;
3466
- }
3467
- .ant-input-rtl .ant-input-affix-wrapper:hover {
3468
- border-right-width: 0;
3469
- border-left-width: 1px !important;
3470
- }
3471
- .ant-input-affix-wrapper:focus,
3472
- .ant-input-affix-wrapper-focused {
3473
- border-color: #40a9ff;
3474
- border-right-width: 1px !important;
3475
- outline: 0;
3476
- -webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
3477
- box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
3478
- }
3479
- .ant-input-rtl .ant-input-affix-wrapper:focus,
3480
- .ant-input-rtl .ant-input-affix-wrapper-focused {
3481
- border-right-width: 0;
3482
- border-left-width: 1px !important;
3285
+ .ant-card-head-title > .ant-typography,
3286
+ .ant-card-head-title > .ant-typography-edit-content {
3287
+ left: 0;
3288
+ margin-top: 0;
3289
+ margin-bottom: 0;
3483
3290
  }
3484
- .ant-input-affix-wrapper-disabled {
3485
- color: rgba(0, 0, 0, 0.25);
3486
- background-color: #f5f5f5;
3487
- cursor: not-allowed;
3488
- opacity: 1;
3291
+ .ant-card-head .ant-tabs {
3292
+ clear: both;
3293
+ margin-bottom: -17px;
3294
+ color: rgba(0, 0, 0, 0.85);
3295
+ font-weight: normal;
3296
+ font-size: 14px;
3489
3297
  }
3490
- .ant-input-affix-wrapper-disabled:hover {
3491
- border-color: #d9d9d9;
3492
- border-right-width: 1px !important;
3298
+ .ant-card-head .ant-tabs-bar {
3299
+ border-bottom: 1px solid #f0f0f0;
3493
3300
  }
3494
- .ant-input-affix-wrapper[disabled] {
3495
- color: rgba(0, 0, 0, 0.25);
3496
- background-color: #f5f5f5;
3497
- cursor: not-allowed;
3498
- opacity: 1;
3301
+ .ant-card-extra {
3302
+ float: right;
3303
+ margin-left: auto;
3304
+ padding: 16px 0;
3305
+ color: rgba(0, 0, 0, 0.85);
3306
+ font-weight: normal;
3307
+ font-size: 14px;
3499
3308
  }
3500
- .ant-input-affix-wrapper[disabled]:hover {
3501
- border-color: #d9d9d9;
3502
- border-right-width: 1px !important;
3309
+ .ant-card-rtl .ant-card-extra {
3310
+ margin-right: auto;
3311
+ margin-left: 0;
3503
3312
  }
3504
- .ant-input-affix-wrapper-borderless,
3505
- .ant-input-affix-wrapper-borderless:hover,
3506
- .ant-input-affix-wrapper-borderless:focus,
3507
- .ant-input-affix-wrapper-borderless-focused,
3508
- .ant-input-affix-wrapper-borderless-disabled,
3509
- .ant-input-affix-wrapper-borderless[disabled] {
3510
- background-color: transparent;
3511
- border: none;
3512
- -webkit-box-shadow: none;
3513
- box-shadow: none;
3313
+ .ant-card-body {
3314
+ padding: 24px;
3514
3315
  }
3515
- textarea.ant-input-affix-wrapper {
3516
- max-width: 100%;
3517
- height: auto;
3518
- min-height: 32px;
3519
- line-height: 1.5715;
3520
- vertical-align: bottom;
3521
- -webkit-transition: all 0.3s, height 0s;
3522
- transition: all 0.3s, height 0s;
3316
+ .ant-card-body::before {
3317
+ display: table;
3318
+ content: '';
3523
3319
  }
3524
- .ant-input-affix-wrapper-lg {
3525
- padding: 6.5px 11px;
3526
- font-size: 16px;
3320
+ .ant-card-body::after {
3321
+ display: table;
3322
+ clear: both;
3323
+ content: '';
3527
3324
  }
3528
- .ant-input-affix-wrapper-sm {
3529
- padding: 0px 7px;
3325
+ .ant-card-contain-grid:not(.ant-card-loading) .ant-card-body {
3326
+ margin: -1px 0 0 -1px;
3327
+ padding: 0;
3530
3328
  }
3531
- .ant-input-affix-wrapper-rtl {
3532
- direction: rtl;
3329
+ .ant-card-grid {
3330
+ float: left;
3331
+ width: 33.33%;
3332
+ padding: 24px;
3333
+ border: 0;
3334
+ border-radius: 0;
3335
+ -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;
3336
+ 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
+ -webkit-transition: all 0.3s;
3338
+ transition: all 0.3s;
3533
3339
  }
3534
- .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover {
3535
- border-color: #40a9ff;
3536
- border-right-width: 1px !important;
3340
+ .ant-card-rtl .ant-card-grid {
3341
+ float: right;
3342
+ }
3343
+ .ant-card-grid-hoverable:hover {
3344
+ position: relative;
3537
3345
  z-index: 1;
3346
+ -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);
3347
+ 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);
3538
3348
  }
3539
- .ant-input-rtl .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover {
3540
- border-right-width: 0;
3541
- border-left-width: 1px !important;
3349
+ .ant-card-contain-tabs > .ant-card-head .ant-card-head-title {
3350
+ min-height: 32px;
3351
+ padding-bottom: 0;
3542
3352
  }
3543
- .ant-input-search-with-button .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover {
3544
- z-index: 0;
3353
+ .ant-card-contain-tabs > .ant-card-head .ant-card-extra {
3354
+ padding-bottom: 0;
3545
3355
  }
3546
- .ant-input-affix-wrapper-focused,
3547
- .ant-input-affix-wrapper:focus {
3548
- z-index: 1;
3356
+ .ant-card-bordered .ant-card-cover {
3357
+ margin-top: -1px;
3358
+ margin-right: -1px;
3359
+ margin-left: -1px;
3549
3360
  }
3550
- .ant-input-affix-wrapper-disabled .ant-input[disabled] {
3551
- background: transparent;
3361
+ .ant-card-cover > * {
3362
+ display: block;
3363
+ width: 100%;
3552
3364
  }
3553
- .ant-input-affix-wrapper > input.ant-input {
3554
- padding: 0;
3555
- border: none;
3556
- outline: none;
3365
+ .ant-card-cover img {
3366
+ border-radius: 2px 2px 0 0;
3557
3367
  }
3558
- .ant-input-affix-wrapper > input.ant-input:focus {
3559
- -webkit-box-shadow: none;
3560
- box-shadow: none;
3368
+ .ant-card-actions {
3369
+ margin: 0;
3370
+ padding: 0;
3371
+ list-style: none;
3372
+ background: #fff;
3373
+ border-top: 1px solid #f0f0f0;
3561
3374
  }
3562
- .ant-input-affix-wrapper::before {
3563
- width: 0;
3564
- visibility: hidden;
3565
- content: '\a0';
3375
+ .ant-card-actions::before {
3376
+ display: table;
3377
+ content: '';
3566
3378
  }
3567
- .ant-input-prefix,
3568
- .ant-input-suffix {
3569
- display: -webkit-box;
3570
- display: -ms-flexbox;
3571
- display: flex;
3572
- -webkit-box-flex: 0;
3573
- -ms-flex: none;
3574
- flex: none;
3575
- -webkit-box-align: center;
3576
- -ms-flex-align: center;
3577
- align-items: center;
3379
+ .ant-card-actions::after {
3380
+ display: table;
3381
+ clear: both;
3382
+ content: '';
3578
3383
  }
3579
- .ant-input-prefix {
3580
- margin-right: 4px;
3384
+ .ant-card-actions > li {
3385
+ float: left;
3386
+ margin: 12px 0;
3387
+ color: rgba(0, 0, 0, 0.45);
3388
+ text-align: center;
3581
3389
  }
3582
- .ant-input-suffix {
3583
- margin-left: 4px;
3390
+ .ant-card-rtl .ant-card-actions > li {
3391
+ float: right;
3584
3392
  }
3585
- .ant-input-clear-icon {
3586
- margin: 0 4px;
3587
- color: rgba(0, 0, 0, 0.25);
3588
- font-size: 12px;
3589
- vertical-align: -1px;
3393
+ .ant-card-actions > li > span {
3394
+ position: relative;
3395
+ display: block;
3396
+ min-width: 32px;
3397
+ font-size: 14px;
3398
+ line-height: 1.5715;
3590
3399
  cursor: pointer;
3400
+ }
3401
+ .ant-card-actions > li > span:hover {
3402
+ color: #1890ff;
3591
3403
  -webkit-transition: color 0.3s;
3592
3404
  transition: color 0.3s;
3593
3405
  }
3594
- .ant-input-clear-icon:hover {
3406
+ .ant-card-actions > li > span a:not(.ant-btn),
3407
+ .ant-card-actions > li > span > .anticon {
3408
+ display: inline-block;
3409
+ width: 100%;
3595
3410
  color: rgba(0, 0, 0, 0.45);
3411
+ line-height: 22px;
3412
+ -webkit-transition: color 0.3s;
3413
+ transition: color 0.3s;
3596
3414
  }
3597
- .ant-input-clear-icon:active {
3598
- color: rgba(0, 0, 0, 0.85);
3415
+ .ant-card-actions > li > span a:not(.ant-btn):hover,
3416
+ .ant-card-actions > li > span > .anticon:hover {
3417
+ color: #1890ff;
3599
3418
  }
3600
- .ant-input-clear-icon-hidden {
3601
- visibility: hidden;
3419
+ .ant-card-actions > li > span > .anticon {
3420
+ font-size: 16px;
3421
+ line-height: 22px;
3602
3422
  }
3603
- .ant-input-clear-icon:last-child {
3604
- margin-right: 0;
3423
+ .ant-card-actions > li:not(:last-child) {
3424
+ border-right: 1px solid #f0f0f0;
3605
3425
  }
3606
- .ant-input-affix-wrapper-textarea-with-clear-btn {
3607
- padding: 0 !important;
3608
- border: 0 !important;
3426
+ .ant-card-rtl .ant-card-actions > li:not(:last-child) {
3427
+ border-right: none;
3428
+ border-left: 1px solid #f0f0f0;
3609
3429
  }
3610
- .ant-input-affix-wrapper-textarea-with-clear-btn .ant-input-clear-icon {
3611
- position: absolute;
3612
- top: 8px;
3613
- right: 8px;
3614
- z-index: 1;
3430
+ .ant-card-type-inner .ant-card-head {
3431
+ padding: 0 24px;
3432
+ background: #fafafa;
3615
3433
  }
3616
- .ant-input {
3617
- -webkit-box-sizing: border-box;
3618
- box-sizing: border-box;
3619
- margin: 0;
3620
- padding: 0;
3621
- font-variant: tabular-nums;
3622
- list-style: none;
3623
- -webkit-font-feature-settings: 'tnum';
3624
- font-feature-settings: 'tnum';
3625
- position: relative;
3626
- display: inline-block;
3627
- width: 100%;
3628
- min-width: 0;
3629
- padding: 4px 11px;
3630
- color: rgba(0, 0, 0, 0.85);
3434
+ .ant-card-type-inner .ant-card-head-title {
3435
+ padding: 12px 0;
3631
3436
  font-size: 14px;
3632
- line-height: 1.5715;
3633
- background-color: #fff;
3634
- background-image: none;
3635
- border: 1px solid #d9d9d9;
3636
- border-radius: 2px;
3637
- -webkit-transition: all 0.3s;
3638
- transition: all 0.3s;
3639
3437
  }
3640
- .ant-input::-moz-placeholder {
3641
- opacity: 1;
3438
+ .ant-card-type-inner .ant-card-body {
3439
+ padding: 16px 24px;
3642
3440
  }
3643
- .ant-input::-webkit-input-placeholder {
3644
- color: #bfbfbf;
3441
+ .ant-card-type-inner .ant-card-extra {
3442
+ padding: 13.5px 0;
3645
3443
  }
3646
- .ant-input::-ms-input-placeholder {
3647
- color: #bfbfbf;
3444
+ .ant-card-meta {
3445
+ margin: -4px 0;
3648
3446
  }
3649
- .ant-input::placeholder {
3650
- color: #bfbfbf;
3447
+ .ant-card-meta::before {
3448
+ display: table;
3449
+ content: '';
3651
3450
  }
3652
- .ant-input:placeholder-shown {
3451
+ .ant-card-meta::after {
3452
+ display: table;
3453
+ clear: both;
3454
+ content: '';
3455
+ }
3456
+ .ant-card-meta-avatar {
3457
+ float: left;
3458
+ padding-right: 16px;
3459
+ }
3460
+ .ant-card-rtl .ant-card-meta-avatar {
3461
+ float: right;
3462
+ padding-right: 0;
3463
+ padding-left: 16px;
3464
+ }
3465
+ .ant-card-meta-detail {
3466
+ overflow: hidden;
3467
+ }
3468
+ .ant-card-meta-detail > div:not(:last-child) {
3469
+ margin-bottom: 8px;
3470
+ }
3471
+ .ant-card-meta-title {
3472
+ overflow: hidden;
3473
+ color: rgba(0, 0, 0, 0.85);
3474
+ font-weight: 500;
3475
+ font-size: 16px;
3476
+ white-space: nowrap;
3653
3477
  text-overflow: ellipsis;
3654
3478
  }
3655
- .ant-input:hover {
3656
- border-color: #40a9ff;
3657
- border-right-width: 1px !important;
3479
+ .ant-card-meta-description {
3480
+ color: rgba(0, 0, 0, 0.45);
3658
3481
  }
3659
- .ant-input-rtl .ant-input:hover {
3660
- border-right-width: 0;
3661
- border-left-width: 1px !important;
3482
+ .ant-card-loading {
3483
+ overflow: hidden;
3662
3484
  }
3663
- .ant-input:focus,
3664
- .ant-input-focused {
3665
- border-color: #40a9ff;
3666
- border-right-width: 1px !important;
3667
- outline: 0;
3668
- -webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
3669
- box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
3485
+ .ant-card-loading .ant-card-body {
3486
+ -webkit-user-select: none;
3487
+ -moz-user-select: none;
3488
+ -ms-user-select: none;
3489
+ user-select: none;
3670
3490
  }
3671
- .ant-input-rtl .ant-input:focus,
3672
- .ant-input-rtl .ant-input-focused {
3673
- border-right-width: 0;
3674
- border-left-width: 1px !important;
3491
+ .ant-card-loading-content p {
3492
+ margin: 0;
3675
3493
  }
3676
- .ant-input-disabled {
3677
- color: rgba(0, 0, 0, 0.25);
3678
- background-color: #f5f5f5;
3679
- cursor: not-allowed;
3680
- opacity: 1;
3494
+ .ant-card-loading-block {
3495
+ height: 14px;
3496
+ margin: 4px 0;
3497
+ 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)));
3498
+ background: linear-gradient(90deg, rgba(207, 216, 220, 0.2), rgba(207, 216, 220, 0.4), rgba(207, 216, 220, 0.2));
3499
+ background-size: 600% 600%;
3500
+ border-radius: 2px;
3501
+ -webkit-animation: card-loading 1.4s ease infinite;
3502
+ animation: card-loading 1.4s ease infinite;
3503
+ }
3504
+ @-webkit-keyframes card-loading {
3505
+ 0%,
3506
+ 100% {
3507
+ background-position: 0 50%;
3508
+ }
3509
+ 50% {
3510
+ background-position: 100% 50%;
3511
+ }
3512
+ }
3513
+ @keyframes card-loading {
3514
+ 0%,
3515
+ 100% {
3516
+ background-position: 0 50%;
3517
+ }
3518
+ 50% {
3519
+ background-position: 100% 50%;
3520
+ }
3681
3521
  }
3682
- .ant-input-disabled:hover {
3683
- border-color: #d9d9d9;
3684
- border-right-width: 1px !important;
3522
+ .ant-card-small > .ant-card-head {
3523
+ min-height: 36px;
3524
+ padding: 0 12px;
3525
+ font-size: 14px;
3685
3526
  }
3686
- .ant-input[disabled] {
3687
- color: rgba(0, 0, 0, 0.25);
3688
- background-color: #f5f5f5;
3689
- cursor: not-allowed;
3690
- opacity: 1;
3527
+ .ant-card-small > .ant-card-head > .ant-card-head-wrapper > .ant-card-head-title {
3528
+ padding: 8px 0;
3691
3529
  }
3692
- .ant-input[disabled]:hover {
3693
- border-color: #d9d9d9;
3694
- border-right-width: 1px !important;
3530
+ .ant-card-small > .ant-card-head > .ant-card-head-wrapper > .ant-card-extra {
3531
+ padding: 8px 0;
3532
+ font-size: 14px;
3695
3533
  }
3696
- .ant-input-borderless,
3697
- .ant-input-borderless:hover,
3698
- .ant-input-borderless:focus,
3699
- .ant-input-borderless-focused,
3700
- .ant-input-borderless-disabled,
3701
- .ant-input-borderless[disabled] {
3702
- background-color: transparent;
3703
- border: none;
3704
- -webkit-box-shadow: none;
3705
- box-shadow: none;
3534
+ .ant-card-small > .ant-card-body {
3535
+ padding: 12px;
3706
3536
  }
3707
- textarea.ant-input {
3708
- max-width: 100%;
3709
- height: auto;
3710
- min-height: 32px;
3711
- line-height: 1.5715;
3712
- vertical-align: bottom;
3713
- -webkit-transition: all 0.3s, height 0s;
3714
- transition: all 0.3s, height 0s;
3537
+ .ant-tabs-small > .ant-tabs-nav .ant-tabs-tab {
3538
+ padding: 8px 0;
3539
+ font-size: 14px;
3715
3540
  }
3716
- .ant-input-lg {
3717
- padding: 6.5px 11px;
3541
+ .ant-tabs-large > .ant-tabs-nav .ant-tabs-tab {
3542
+ padding: 16px 0;
3718
3543
  font-size: 16px;
3719
3544
  }
3720
- .ant-input-sm {
3721
- padding: 0px 7px;
3722
- }
3723
- .ant-input-rtl {
3724
- direction: rtl;
3545
+ .ant-tabs-card.ant-tabs-small > .ant-tabs-nav .ant-tabs-tab {
3546
+ padding: 6px 16px;
3725
3547
  }
3726
- .ant-input-group {
3727
- -webkit-box-sizing: border-box;
3728
- box-sizing: border-box;
3729
- margin: 0;
3730
- padding: 0;
3731
- color: rgba(0, 0, 0, 0.85);
3732
- font-size: 14px;
3733
- font-variant: tabular-nums;
3734
- line-height: 1.5715;
3735
- list-style: none;
3736
- -webkit-font-feature-settings: 'tnum';
3737
- font-feature-settings: 'tnum';
3738
- position: relative;
3739
- display: table;
3740
- width: 100%;
3741
- border-collapse: separate;
3742
- border-spacing: 0;
3548
+ .ant-tabs-card.ant-tabs-large > .ant-tabs-nav .ant-tabs-tab {
3549
+ padding: 7px 16px 6px;
3743
3550
  }
3744
- .ant-input-group[class*='col-'] {
3745
- float: none;
3746
- padding-right: 0;
3747
- padding-left: 0;
3551
+ .ant-tabs-rtl {
3552
+ direction: rtl;
3748
3553
  }
3749
- .ant-input-group > [class*='col-'] {
3750
- padding-right: 8px;
3554
+ .ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab {
3555
+ margin: 0 0 0 32px;
3751
3556
  }
3752
- .ant-input-group > [class*='col-']:last-child {
3753
- padding-right: 0;
3557
+ .ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab:last-of-type {
3558
+ margin-left: 0;
3754
3559
  }
3755
- .ant-input-group-addon,
3756
- .ant-input-group-wrap,
3757
- .ant-input-group > .ant-input {
3758
- display: table-cell;
3560
+ .ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .anticon {
3561
+ margin-right: 0;
3562
+ margin-left: 12px;
3759
3563
  }
3760
- .ant-input-group-addon:not(:first-child):not(:last-child),
3761
- .ant-input-group-wrap:not(:first-child):not(:last-child),
3762
- .ant-input-group > .ant-input:not(:first-child):not(:last-child) {
3763
- border-radius: 0;
3564
+ .ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove {
3565
+ margin-right: 8px;
3566
+ margin-left: -4px;
3764
3567
  }
3765
- .ant-input-group-addon,
3766
- .ant-input-group-wrap {
3767
- width: 1px;
3768
- white-space: nowrap;
3769
- vertical-align: middle;
3568
+ .ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove .anticon {
3569
+ margin: 0;
3770
3570
  }
3771
- .ant-input-group-wrap > * {
3772
- display: block !important;
3571
+ .ant-tabs-rtl.ant-tabs-left > .ant-tabs-nav {
3572
+ -webkit-box-ordinal-group: 2;
3573
+ -ms-flex-order: 1;
3574
+ order: 1;
3773
3575
  }
3774
- .ant-input-group .ant-input {
3775
- float: left;
3776
- width: 100%;
3777
- margin-bottom: 0;
3778
- text-align: inherit;
3576
+ .ant-tabs-rtl.ant-tabs-left > .ant-tabs-content-holder {
3577
+ -webkit-box-ordinal-group: 1;
3578
+ -ms-flex-order: 0;
3579
+ order: 0;
3779
3580
  }
3780
- .ant-input-group .ant-input:focus {
3781
- z-index: 1;
3782
- border-right-width: 1px;
3581
+ .ant-tabs-rtl.ant-tabs-right > .ant-tabs-nav {
3582
+ -webkit-box-ordinal-group: 1;
3583
+ -ms-flex-order: 0;
3584
+ order: 0;
3783
3585
  }
3784
- .ant-input-group .ant-input:hover {
3785
- z-index: 1;
3786
- border-right-width: 1px;
3586
+ .ant-tabs-rtl.ant-tabs-right > .ant-tabs-content-holder {
3587
+ -webkit-box-ordinal-group: 2;
3588
+ -ms-flex-order: 1;
3589
+ order: 1;
3787
3590
  }
3788
- .ant-input-search-with-button .ant-input-group .ant-input:hover {
3789
- z-index: 0;
3591
+ .ant-tabs-rtl.ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
3592
+ .ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
3593
+ .ant-tabs-rtl.ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
3594
+ .ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab {
3595
+ margin-right: 0;
3596
+ margin-left: 2px;
3790
3597
  }
3791
- .ant-input-group-addon {
3792
- position: relative;
3793
- padding: 0 11px;
3794
- color: rgba(0, 0, 0, 0.85);
3795
- font-weight: normal;
3796
- font-size: 14px;
3797
- text-align: center;
3798
- background-color: #fafafa;
3799
- border: 1px solid #d9d9d9;
3800
- border-radius: 2px;
3801
- -webkit-transition: all 0.3s;
3802
- transition: all 0.3s;
3598
+ .ant-tabs-dropdown-rtl {
3599
+ direction: rtl;
3803
3600
  }
3804
- .ant-input-group-addon .ant-select {
3805
- margin: -5px -11px;
3601
+ .ant-tabs-dropdown-rtl .ant-tabs-dropdown-menu-item {
3602
+ text-align: right;
3806
3603
  }
3807
- .ant-input-group-addon .ant-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
3808
- background-color: inherit;
3809
- border: 1px solid transparent;
3810
- -webkit-box-shadow: none;
3811
- box-shadow: none;
3604
+ .ant-tabs-top,
3605
+ .ant-tabs-bottom {
3606
+ -webkit-box-orient: vertical;
3607
+ -webkit-box-direction: normal;
3608
+ -ms-flex-direction: column;
3609
+ flex-direction: column;
3812
3610
  }
3813
- .ant-input-group-addon .ant-select-open .ant-select-selector,
3814
- .ant-input-group-addon .ant-select-focused .ant-select-selector {
3815
- color: #1890ff;
3611
+ .ant-tabs-top > .ant-tabs-nav,
3612
+ .ant-tabs-bottom > .ant-tabs-nav,
3613
+ .ant-tabs-top > div > .ant-tabs-nav,
3614
+ .ant-tabs-bottom > div > .ant-tabs-nav {
3615
+ margin: 0 0 16px 0;
3816
3616
  }
3817
- .ant-input-group > .ant-input:first-child,
3818
- .ant-input-group-addon:first-child {
3819
- border-top-right-radius: 0;
3820
- border-bottom-right-radius: 0;
3617
+ .ant-tabs-top > .ant-tabs-nav::before,
3618
+ .ant-tabs-bottom > .ant-tabs-nav::before,
3619
+ .ant-tabs-top > div > .ant-tabs-nav::before,
3620
+ .ant-tabs-bottom > div > .ant-tabs-nav::before {
3621
+ position: absolute;
3622
+ right: 0;
3623
+ left: 0;
3624
+ border-bottom: 1px solid #f0f0f0;
3625
+ content: '';
3821
3626
  }
3822
- .ant-input-group > .ant-input:first-child .ant-select .ant-select-selector,
3823
- .ant-input-group-addon:first-child .ant-select .ant-select-selector {
3824
- border-top-right-radius: 0;
3825
- border-bottom-right-radius: 0;
3627
+ .ant-tabs-top > .ant-tabs-nav .ant-tabs-ink-bar,
3628
+ .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-ink-bar,
3629
+ .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-ink-bar,
3630
+ .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-ink-bar {
3631
+ height: 2px;
3826
3632
  }
3827
- .ant-input-group > .ant-input-affix-wrapper:not(:first-child) .ant-input {
3828
- border-top-left-radius: 0;
3829
- border-bottom-left-radius: 0;
3633
+ .ant-tabs-top > .ant-tabs-nav .ant-tabs-ink-bar-animated,
3634
+ .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-ink-bar-animated,
3635
+ .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-ink-bar-animated,
3636
+ .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-ink-bar-animated {
3637
+ -webkit-transition: width 0.3s, left 0.3s, right 0.3s;
3638
+ transition: width 0.3s, left 0.3s, right 0.3s;
3830
3639
  }
3831
- .ant-input-group > .ant-input-affix-wrapper:not(:last-child) .ant-input {
3832
- border-top-right-radius: 0;
3833
- border-bottom-right-radius: 0;
3640
+ .ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap::before,
3641
+ .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap::before,
3642
+ .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
3643
+ .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
3644
+ .ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap::after,
3645
+ .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap::after,
3646
+ .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap::after,
3647
+ .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap::after {
3648
+ top: 0;
3649
+ bottom: 0;
3650
+ width: 30px;
3834
3651
  }
3835
- .ant-input-group-addon:first-child {
3836
- border-right: 0;
3652
+ .ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap::before,
3653
+ .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap::before,
3654
+ .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
3655
+ .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap::before {
3656
+ left: 0;
3657
+ -webkit-box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.08);
3658
+ box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.08);
3837
3659
  }
3838
- .ant-input-group-addon:last-child {
3839
- border-left: 0;
3660
+ .ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap::after,
3661
+ .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap::after,
3662
+ .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap::after,
3663
+ .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap::after {
3664
+ right: 0;
3665
+ -webkit-box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.08);
3666
+ box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.08);
3840
3667
  }
3841
- .ant-input-group > .ant-input:last-child,
3842
- .ant-input-group-addon:last-child {
3843
- border-top-left-radius: 0;
3844
- border-bottom-left-radius: 0;
3668
+ .ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before,
3669
+ .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before,
3670
+ .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before,
3671
+ .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before {
3672
+ opacity: 1;
3845
3673
  }
3846
- .ant-input-group > .ant-input:last-child .ant-select .ant-select-selector,
3847
- .ant-input-group-addon:last-child .ant-select .ant-select-selector {
3848
- border-top-left-radius: 0;
3849
- border-bottom-left-radius: 0;
3674
+ .ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after,
3675
+ .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after,
3676
+ .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after,
3677
+ .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after {
3678
+ opacity: 1;
3850
3679
  }
3851
- .ant-input-group-lg .ant-input,
3852
- .ant-input-group-lg > .ant-input-group-addon {
3853
- padding: 6.5px 11px;
3854
- font-size: 16px;
3680
+ .ant-tabs-top > .ant-tabs-nav::before,
3681
+ .ant-tabs-top > div > .ant-tabs-nav::before {
3682
+ bottom: 0;
3855
3683
  }
3856
- .ant-input-group-sm .ant-input,
3857
- .ant-input-group-sm > .ant-input-group-addon {
3858
- padding: 0px 7px;
3684
+ .ant-tabs-top > .ant-tabs-nav .ant-tabs-ink-bar,
3685
+ .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-ink-bar {
3686
+ bottom: 0;
3859
3687
  }
3860
- .ant-input-group-lg .ant-select-single .ant-select-selector {
3861
- height: 40px;
3688
+ .ant-tabs-bottom > .ant-tabs-nav,
3689
+ .ant-tabs-bottom > div > .ant-tabs-nav {
3690
+ -webkit-box-ordinal-group: 2;
3691
+ -ms-flex-order: 1;
3692
+ order: 1;
3693
+ margin-top: 16px;
3694
+ margin-bottom: 0;
3862
3695
  }
3863
- .ant-input-group-sm .ant-select-single .ant-select-selector {
3864
- height: 24px;
3696
+ .ant-tabs-bottom > .ant-tabs-nav::before,
3697
+ .ant-tabs-bottom > div > .ant-tabs-nav::before {
3698
+ top: 0;
3865
3699
  }
3866
- .ant-input-group .ant-input-affix-wrapper:not(:first-child) {
3867
- border-top-left-radius: 0;
3868
- border-bottom-left-radius: 0;
3700
+ .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-ink-bar,
3701
+ .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-ink-bar {
3702
+ top: 0;
3869
3703
  }
3870
- .ant-input-group .ant-input-affix-wrapper:not(:last-child) {
3871
- border-top-right-radius: 0;
3872
- border-bottom-right-radius: 0;
3704
+ .ant-tabs-bottom > .ant-tabs-content-holder,
3705
+ .ant-tabs-bottom > div > .ant-tabs-content-holder {
3706
+ -webkit-box-ordinal-group: 1;
3707
+ -ms-flex-order: 0;
3708
+ order: 0;
3873
3709
  }
3874
- .ant-input-search .ant-input-group .ant-input-affix-wrapper:not(:last-child) {
3875
- border-top-left-radius: 2px;
3876
- border-bottom-left-radius: 2px;
3710
+ .ant-tabs-left > .ant-tabs-nav,
3711
+ .ant-tabs-right > .ant-tabs-nav,
3712
+ .ant-tabs-left > div > .ant-tabs-nav,
3713
+ .ant-tabs-right > div > .ant-tabs-nav {
3714
+ -webkit-box-orient: vertical;
3715
+ -webkit-box-direction: normal;
3716
+ -ms-flex-direction: column;
3717
+ flex-direction: column;
3718
+ min-width: 50px;
3877
3719
  }
3878
- .ant-input-group.ant-input-group-compact {
3879
- display: block;
3720
+ .ant-tabs-left > .ant-tabs-nav .ant-tabs-tab,
3721
+ .ant-tabs-right > .ant-tabs-nav .ant-tabs-tab,
3722
+ .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab,
3723
+ .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab {
3724
+ padding: 8px 24px;
3725
+ text-align: center;
3880
3726
  }
3881
- .ant-input-group.ant-input-group-compact::before {
3882
- display: table;
3883
- content: '';
3727
+ .ant-tabs-left > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
3728
+ .ant-tabs-right > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
3729
+ .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
3730
+ .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab {
3731
+ margin: 16px 0 0 0;
3884
3732
  }
3885
- .ant-input-group.ant-input-group-compact::after {
3886
- display: table;
3887
- clear: both;
3888
- content: '';
3733
+ .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap,
3734
+ .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap,
3735
+ .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap,
3736
+ .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap {
3737
+ -webkit-box-orient: vertical;
3738
+ -webkit-box-direction: normal;
3739
+ -ms-flex-direction: column;
3740
+ flex-direction: column;
3889
3741
  }
3890
- .ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child),
3891
- .ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child),
3892
- .ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child) {
3893
- border-right-width: 1px;
3742
+ .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap::before,
3743
+ .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap::before,
3744
+ .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
3745
+ .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
3746
+ .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap::after,
3747
+ .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap::after,
3748
+ .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap::after,
3749
+ .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap::after {
3750
+ right: 0;
3751
+ left: 0;
3752
+ height: 30px;
3894
3753
  }
3895
- .ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child):hover,
3896
- .ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child):hover,
3897
- .ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child):hover {
3898
- z-index: 1;
3754
+ .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap::before,
3755
+ .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap::before,
3756
+ .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
3757
+ .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap::before {
3758
+ top: 0;
3759
+ -webkit-box-shadow: inset 0 10px 8px -8px rgba(0, 0, 0, 0.08);
3760
+ box-shadow: inset 0 10px 8px -8px rgba(0, 0, 0, 0.08);
3899
3761
  }
3900
- .ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child):focus,
3901
- .ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child):focus,
3902
- .ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child):focus {
3903
- z-index: 1;
3762
+ .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap::after,
3763
+ .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap::after,
3764
+ .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap::after,
3765
+ .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap::after {
3766
+ bottom: 0;
3767
+ -webkit-box-shadow: inset 0 -10px 8px -8px rgba(0, 0, 0, 0.08);
3768
+ box-shadow: inset 0 -10px 8px -8px rgba(0, 0, 0, 0.08);
3904
3769
  }
3905
- .ant-input-group.ant-input-group-compact > * {
3906
- display: inline-block;
3907
- float: none;
3908
- vertical-align: top;
3909
- border-radius: 0;
3770
+ .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before,
3771
+ .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before,
3772
+ .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before,
3773
+ .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before {
3774
+ opacity: 1;
3910
3775
  }
3911
- .ant-input-group.ant-input-group-compact > .ant-input-affix-wrapper {
3912
- display: -webkit-inline-box;
3913
- display: -ms-inline-flexbox;
3914
- display: inline-flex;
3776
+ .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after,
3777
+ .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after,
3778
+ .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after,
3779
+ .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after {
3780
+ opacity: 1;
3915
3781
  }
3916
- .ant-input-group.ant-input-group-compact > .ant-picker-range {
3917
- display: -webkit-inline-box;
3918
- display: -ms-inline-flexbox;
3919
- display: inline-flex;
3782
+ .ant-tabs-left > .ant-tabs-nav .ant-tabs-ink-bar,
3783
+ .ant-tabs-right > .ant-tabs-nav .ant-tabs-ink-bar,
3784
+ .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-ink-bar,
3785
+ .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-ink-bar {
3786
+ width: 2px;
3920
3787
  }
3921
- .ant-input-group.ant-input-group-compact > *:not(:last-child) {
3922
- margin-right: -1px;
3923
- border-right-width: 1px;
3788
+ .ant-tabs-left > .ant-tabs-nav .ant-tabs-ink-bar-animated,
3789
+ .ant-tabs-right > .ant-tabs-nav .ant-tabs-ink-bar-animated,
3790
+ .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-ink-bar-animated,
3791
+ .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-ink-bar-animated {
3792
+ -webkit-transition: height 0.3s, top 0.3s;
3793
+ transition: height 0.3s, top 0.3s;
3924
3794
  }
3925
- .ant-input-group.ant-input-group-compact .ant-input {
3926
- float: none;
3795
+ .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-list,
3796
+ .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-list,
3797
+ .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-list,
3798
+ .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-list,
3799
+ .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-operations,
3800
+ .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-operations,
3801
+ .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-operations,
3802
+ .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-operations {
3803
+ -webkit-box-flex: 1;
3804
+ -ms-flex: 1 0 auto;
3805
+ flex: 1 0 auto;
3806
+ -webkit-box-orient: vertical;
3807
+ -webkit-box-direction: normal;
3808
+ -ms-flex-direction: column;
3809
+ flex-direction: column;
3927
3810
  }
3928
- .ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selector,
3929
- .ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input,
3930
- .ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input,
3931
- .ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-input {
3932
- border-right-width: 1px;
3933
- border-radius: 0;
3811
+ .ant-tabs-left > .ant-tabs-nav .ant-tabs-ink-bar,
3812
+ .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-ink-bar {
3813
+ right: 0;
3934
3814
  }
3935
- .ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selector:hover,
3936
- .ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input:hover,
3937
- .ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input:hover,
3938
- .ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-input:hover {
3939
- z-index: 1;
3815
+ .ant-tabs-left > .ant-tabs-content-holder,
3816
+ .ant-tabs-left > div > .ant-tabs-content-holder {
3817
+ margin-left: -1px;
3818
+ border-left: 1px solid #f0f0f0;
3940
3819
  }
3941
- .ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selector:focus,
3942
- .ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input:focus,
3943
- .ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input:focus,
3944
- .ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-input:focus {
3945
- z-index: 1;
3820
+ .ant-tabs-left > .ant-tabs-content-holder > .ant-tabs-content > .ant-tabs-tabpane,
3821
+ .ant-tabs-left > div > .ant-tabs-content-holder > .ant-tabs-content > .ant-tabs-tabpane {
3822
+ padding-left: 24px;
3946
3823
  }
3947
- .ant-input-group.ant-input-group-compact > .ant-select-focused {
3948
- z-index: 1;
3824
+ .ant-tabs-right > .ant-tabs-nav,
3825
+ .ant-tabs-right > div > .ant-tabs-nav {
3826
+ -webkit-box-ordinal-group: 2;
3827
+ -ms-flex-order: 1;
3828
+ order: 1;
3949
3829
  }
3950
- .ant-input-group.ant-input-group-compact > .ant-select > .ant-select-arrow {
3951
- z-index: 1;
3830
+ .ant-tabs-right > .ant-tabs-nav .ant-tabs-ink-bar,
3831
+ .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-ink-bar {
3832
+ left: 0;
3952
3833
  }
3953
- .ant-input-group.ant-input-group-compact > *:first-child,
3954
- .ant-input-group.ant-input-group-compact > .ant-select:first-child > .ant-select-selector,
3955
- .ant-input-group.ant-input-group-compact > .ant-select-auto-complete:first-child .ant-input,
3956
- .ant-input-group.ant-input-group-compact > .ant-cascader-picker:first-child .ant-input {
3957
- border-top-left-radius: 2px;
3958
- border-bottom-left-radius: 2px;
3834
+ .ant-tabs-right > .ant-tabs-content-holder,
3835
+ .ant-tabs-right > div > .ant-tabs-content-holder {
3836
+ -webkit-box-ordinal-group: 1;
3837
+ -ms-flex-order: 0;
3838
+ order: 0;
3839
+ margin-right: -1px;
3840
+ border-right: 1px solid #f0f0f0;
3959
3841
  }
3960
- .ant-input-group.ant-input-group-compact > *:last-child,
3961
- .ant-input-group.ant-input-group-compact > .ant-select:last-child > .ant-select-selector,
3962
- .ant-input-group.ant-input-group-compact > .ant-cascader-picker:last-child .ant-input,
3963
- .ant-input-group.ant-input-group-compact > .ant-cascader-picker-focused:last-child .ant-input {
3964
- border-right-width: 1px;
3965
- border-top-right-radius: 2px;
3966
- border-bottom-right-radius: 2px;
3842
+ .ant-tabs-right > .ant-tabs-content-holder > .ant-tabs-content > .ant-tabs-tabpane,
3843
+ .ant-tabs-right > div > .ant-tabs-content-holder > .ant-tabs-content > .ant-tabs-tabpane {
3844
+ padding-right: 24px;
3845
+ }
3846
+ .ant-tabs-dropdown {
3847
+ -webkit-box-sizing: border-box;
3848
+ box-sizing: border-box;
3849
+ margin: 0;
3850
+ padding: 0;
3851
+ color: rgba(0, 0, 0, 0.85);
3852
+ font-size: 14px;
3853
+ font-variant: tabular-nums;
3854
+ line-height: 1.5715;
3855
+ list-style: none;
3856
+ -webkit-font-feature-settings: 'tnum';
3857
+ font-feature-settings: 'tnum';
3858
+ position: absolute;
3859
+ top: -9999px;
3860
+ left: -9999px;
3861
+ z-index: 1050;
3862
+ display: block;
3967
3863
  }
3968
- .ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input {
3969
- vertical-align: top;
3864
+ .ant-tabs-dropdown-hidden {
3865
+ display: none;
3970
3866
  }
3971
- .ant-input-group.ant-input-group-compact .ant-input-group-wrapper + .ant-input-group-wrapper {
3972
- margin-left: -1px;
3867
+ .ant-tabs-dropdown-menu {
3868
+ max-height: 200px;
3869
+ margin: 0;
3870
+ padding: 4px 0;
3871
+ overflow-x: hidden;
3872
+ overflow-y: auto;
3873
+ text-align: left;
3874
+ list-style-type: none;
3875
+ background-color: #fff;
3876
+ background-clip: padding-box;
3877
+ border-radius: 2px;
3878
+ outline: none;
3879
+ -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);
3880
+ 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);
3973
3881
  }
3974
- .ant-input-group.ant-input-group-compact .ant-input-group-wrapper + .ant-input-group-wrapper .ant-input-affix-wrapper {
3975
- border-radius: 0;
3882
+ .ant-tabs-dropdown-menu-item {
3883
+ min-width: 120px;
3884
+ margin: 0;
3885
+ padding: 5px 12px;
3886
+ overflow: hidden;
3887
+ color: rgba(0, 0, 0, 0.85);
3888
+ font-weight: normal;
3889
+ font-size: 14px;
3890
+ line-height: 22px;
3891
+ white-space: nowrap;
3892
+ text-overflow: ellipsis;
3893
+ cursor: pointer;
3894
+ -webkit-transition: all 0.3s;
3895
+ transition: all 0.3s;
3976
3896
  }
3977
- .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 {
3978
- border-radius: 0;
3897
+ .ant-tabs-dropdown-menu-item:hover {
3898
+ background: #f5f5f5;
3979
3899
  }
3980
- .ant-input-group.ant-input-group-compact .ant-input-group-wrapper:not(:last-child).ant-input-search > .ant-input-group > .ant-input {
3981
- border-radius: 2px 0 0 2px;
3900
+ .ant-tabs-dropdown-menu-item-disabled,
3901
+ .ant-tabs-dropdown-menu-item-disabled:hover {
3902
+ color: rgba(0, 0, 0, 0.25);
3903
+ background: transparent;
3904
+ cursor: not-allowed;
3982
3905
  }
3983
- .ant-input-group > .ant-input-rtl:first-child,
3984
- .ant-input-group-rtl .ant-input-group-addon:first-child {
3985
- border-radius: 0 2px 2px 0;
3906
+ .ant-tabs-card > .ant-tabs-nav .ant-tabs-tab,
3907
+ .ant-tabs-card > div > .ant-tabs-nav .ant-tabs-tab {
3908
+ margin: 0;
3909
+ padding: 8px 16px;
3910
+ background: #fafafa;
3911
+ border: 1px solid #f0f0f0;
3912
+ -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
3913
+ transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
3986
3914
  }
3987
- .ant-input-group-rtl .ant-input-group-addon:first-child {
3988
- border-right: 1px solid #d9d9d9;
3989
- border-left: 0;
3915
+ .ant-tabs-card > .ant-tabs-nav .ant-tabs-tab-active,
3916
+ .ant-tabs-card > div > .ant-tabs-nav .ant-tabs-tab-active {
3917
+ color: #1890ff;
3918
+ background: #fff;
3990
3919
  }
3991
- .ant-input-group-rtl .ant-input-group-addon:last-child {
3992
- border-right: 0;
3993
- border-left: 1px solid #d9d9d9;
3920
+ .ant-tabs-card > .ant-tabs-nav .ant-tabs-ink-bar,
3921
+ .ant-tabs-card > div > .ant-tabs-nav .ant-tabs-ink-bar {
3922
+ visibility: hidden;
3994
3923
  }
3995
- .ant-input-group-rtl.ant-input-group > .ant-input:last-child,
3996
- .ant-input-group-rtl.ant-input-group-addon:last-child {
3997
- border-radius: 2px 0 0 2px;
3924
+ .ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
3925
+ .ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
3926
+ .ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
3927
+ .ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab {
3928
+ margin-left: 2px;
3998
3929
  }
3999
- .ant-input-group-rtl.ant-input-group .ant-input-affix-wrapper:not(:first-child) {
4000
- border-radius: 2px 0 0 2px;
3930
+ .ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab,
3931
+ .ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab {
3932
+ border-radius: 2px 2px 0 0;
4001
3933
  }
4002
- .ant-input-group-rtl.ant-input-group .ant-input-affix-wrapper:not(:last-child) {
4003
- border-radius: 0 2px 2px 0;
3934
+ .ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab-active,
3935
+ .ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab-active {
3936
+ border-bottom-color: #fff;
4004
3937
  }
4005
- .ant-input-group-rtl.ant-input-group.ant-input-group-compact > *:not(:last-child) {
4006
- margin-right: 0;
4007
- margin-left: -1px;
4008
- border-left-width: 1px;
3938
+ .ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab,
3939
+ .ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab {
3940
+ border-radius: 0 0 2px 2px;
4009
3941
  }
4010
- .ant-input-group-rtl.ant-input-group.ant-input-group-compact > *:first-child,
4011
- .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select:first-child > .ant-select-selector,
4012
- .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select-auto-complete:first-child .ant-input,
4013
- .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-cascader-picker:first-child .ant-input {
4014
- border-radius: 0 2px 2px 0;
3942
+ .ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab-active,
3943
+ .ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab-active {
3944
+ border-top-color: #fff;
4015
3945
  }
4016
- .ant-input-group-rtl.ant-input-group.ant-input-group-compact > *:last-child,
4017
- .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select:last-child > .ant-select-selector,
4018
- .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select-auto-complete:last-child .ant-input,
4019
- .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-cascader-picker:last-child .ant-input,
4020
- .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-cascader-picker-focused:last-child .ant-input {
4021
- border-left-width: 1px;
3946
+ .ant-tabs-card.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
3947
+ .ant-tabs-card.ant-tabs-right > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
3948
+ .ant-tabs-card.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
3949
+ .ant-tabs-card.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab {
3950
+ margin-top: 2px;
3951
+ }
3952
+ .ant-tabs-card.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab,
3953
+ .ant-tabs-card.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab {
4022
3954
  border-radius: 2px 0 0 2px;
4023
3955
  }
4024
- .ant-input-group.ant-input-group-compact .ant-input-group-wrapper-rtl + .ant-input-group-wrapper-rtl {
4025
- margin-right: -1px;
4026
- margin-left: 0;
3956
+ .ant-tabs-card.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab-active,
3957
+ .ant-tabs-card.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab-active {
3958
+ border-right-color: #fff;
4027
3959
  }
4028
- .ant-input-group.ant-input-group-compact .ant-input-group-wrapper-rtl:not(:last-child).ant-input-search > .ant-input-group > .ant-input {
3960
+ .ant-tabs-card.ant-tabs-right > .ant-tabs-nav .ant-tabs-tab,
3961
+ .ant-tabs-card.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab {
4029
3962
  border-radius: 0 2px 2px 0;
4030
3963
  }
4031
- .ant-input-group-wrapper {
4032
- display: inline-block;
4033
- width: 100%;
4034
- text-align: start;
4035
- vertical-align: top;
4036
- }
4037
- .ant-input-password-icon {
4038
- color: rgba(0, 0, 0, 0.45);
4039
- cursor: pointer;
4040
- -webkit-transition: all 0.3s;
4041
- transition: all 0.3s;
3964
+ .ant-tabs-card.ant-tabs-right > .ant-tabs-nav .ant-tabs-tab-active,
3965
+ .ant-tabs-card.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab-active {
3966
+ border-left-color: #fff;
4042
3967
  }
4043
- .ant-input-password-icon:hover {
3968
+ .ant-tabs {
3969
+ -webkit-box-sizing: border-box;
3970
+ box-sizing: border-box;
3971
+ margin: 0;
3972
+ padding: 0;
4044
3973
  color: rgba(0, 0, 0, 0.85);
3974
+ font-size: 14px;
3975
+ font-variant: tabular-nums;
3976
+ line-height: 1.5715;
3977
+ list-style: none;
3978
+ -webkit-font-feature-settings: 'tnum';
3979
+ font-feature-settings: 'tnum';
3980
+ display: -webkit-box;
3981
+ display: -ms-flexbox;
3982
+ display: flex;
3983
+ overflow: hidden;
4045
3984
  }
4046
- .ant-input[type='color'] {
4047
- height: 32px;
4048
- }
4049
- .ant-input[type='color'].ant-input-lg {
4050
- height: 40px;
4051
- }
4052
- .ant-input[type='color'].ant-input-sm {
4053
- height: 24px;
4054
- padding-top: 3px;
4055
- padding-bottom: 3px;
3985
+ .ant-tabs > .ant-tabs-nav,
3986
+ .ant-tabs > div > .ant-tabs-nav {
3987
+ position: relative;
3988
+ display: -webkit-box;
3989
+ display: -ms-flexbox;
3990
+ display: flex;
3991
+ -webkit-box-flex: 0;
3992
+ -ms-flex: none;
3993
+ flex: none;
3994
+ -webkit-box-align: center;
3995
+ -ms-flex-align: center;
3996
+ align-items: center;
4056
3997
  }
4057
- .ant-input-textarea-show-count::after {
4058
- float: right;
4059
- color: rgba(0, 0, 0, 0.45);
3998
+ .ant-tabs > .ant-tabs-nav .ant-tabs-nav-wrap,
3999
+ .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-wrap {
4000
+ position: relative;
4001
+ display: inline-block;
4002
+ display: -webkit-box;
4003
+ display: -ms-flexbox;
4004
+ display: flex;
4005
+ -webkit-box-flex: 1;
4006
+ -ms-flex: auto;
4007
+ flex: auto;
4008
+ -ms-flex-item-align: stretch;
4009
+ align-self: stretch;
4010
+ overflow: hidden;
4060
4011
  white-space: nowrap;
4061
- content: attr(data-count);
4062
- pointer-events: none;
4063
- }
4064
- .ant-input-search .ant-input:hover,
4065
- .ant-input-search .ant-input:focus {
4066
- border-color: #40a9ff;
4067
- }
4068
- .ant-input-search .ant-input:hover + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary),
4069
- .ant-input-search .ant-input:focus + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary) {
4070
- border-left-color: #40a9ff;
4012
+ -webkit-transform: translate(0);
4013
+ transform: translate(0);
4071
4014
  }
4072
- .ant-input-search .ant-input-affix-wrapper {
4073
- border-radius: 0;
4015
+ .ant-tabs > .ant-tabs-nav .ant-tabs-nav-wrap::before,
4016
+ .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
4017
+ .ant-tabs > .ant-tabs-nav .ant-tabs-nav-wrap::after,
4018
+ .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-wrap::after {
4019
+ position: absolute;
4020
+ z-index: 1;
4021
+ opacity: 0;
4022
+ -webkit-transition: opacity 0.3s;
4023
+ transition: opacity 0.3s;
4024
+ content: '';
4025
+ pointer-events: none;
4074
4026
  }
4075
- .ant-input-search .ant-input-lg {
4076
- line-height: 1.5713;
4027
+ .ant-tabs > .ant-tabs-nav .ant-tabs-nav-list,
4028
+ .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-list {
4029
+ position: relative;
4030
+ display: -webkit-box;
4031
+ display: -ms-flexbox;
4032
+ display: flex;
4033
+ -webkit-transition: -webkit-transform 0.3s;
4034
+ transition: -webkit-transform 0.3s;
4035
+ transition: transform 0.3s;
4036
+ transition: transform 0.3s, -webkit-transform 0.3s;
4077
4037
  }
4078
- .ant-input-search > .ant-input-group > .ant-input-group-addon:last-child {
4079
- left: -1px;
4080
- padding: 0;
4081
- border: 0;
4038
+ .ant-tabs > .ant-tabs-nav .ant-tabs-nav-operations,
4039
+ .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-operations {
4040
+ display: -webkit-box;
4041
+ display: -ms-flexbox;
4042
+ display: flex;
4043
+ -ms-flex-item-align: stretch;
4044
+ align-self: stretch;
4082
4045
  }
4083
- .ant-input-search > .ant-input-group > .ant-input-group-addon:last-child .ant-input-search-button {
4084
- padding-top: 0;
4085
- padding-bottom: 0;
4086
- border-radius: 0 2px 2px 0;
4046
+ .ant-tabs > .ant-tabs-nav .ant-tabs-nav-operations-hidden,
4047
+ .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-operations-hidden {
4048
+ position: absolute;
4049
+ visibility: hidden;
4050
+ pointer-events: none;
4087
4051
  }
4088
- .ant-input-search > .ant-input-group > .ant-input-group-addon:last-child .ant-input-search-button:not(.ant-btn-primary) {
4089
- color: rgba(0, 0, 0, 0.45);
4052
+ .ant-tabs > .ant-tabs-nav .ant-tabs-nav-more,
4053
+ .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-more {
4054
+ position: relative;
4055
+ padding: 8px 16px;
4056
+ background: transparent;
4057
+ border: 0;
4090
4058
  }
4091
- .ant-input-search > .ant-input-group > .ant-input-group-addon:last-child .ant-input-search-button:not(.ant-btn-primary).ant-btn-loading::before {
4092
- top: 0;
4059
+ .ant-tabs > .ant-tabs-nav .ant-tabs-nav-more::after,
4060
+ .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-more::after {
4061
+ position: absolute;
4093
4062
  right: 0;
4094
4063
  bottom: 0;
4095
4064
  left: 0;
4065
+ height: 5px;
4066
+ -webkit-transform: translateY(100%);
4067
+ transform: translateY(100%);
4068
+ content: '';
4096
4069
  }
4097
- .ant-input-search-button {
4098
- height: 32px;
4070
+ .ant-tabs > .ant-tabs-nav .ant-tabs-nav-add,
4071
+ .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add {
4072
+ min-width: 40px;
4073
+ padding: 0 8px;
4074
+ background: #fafafa;
4075
+ border: 1px solid #f0f0f0;
4076
+ border-radius: 2px 2px 0 0;
4077
+ outline: none;
4078
+ cursor: pointer;
4079
+ -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
4080
+ transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
4099
4081
  }
4100
- .ant-input-search-button:hover,
4101
- .ant-input-search-button:focus {
4102
- z-index: 1;
4082
+ .ant-tabs > .ant-tabs-nav .ant-tabs-nav-add:hover,
4083
+ .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add:hover {
4084
+ color: #40a9ff;
4103
4085
  }
4104
- .ant-input-search-large .ant-input-search-button {
4105
- height: 40px;
4086
+ .ant-tabs > .ant-tabs-nav .ant-tabs-nav-add:active,
4087
+ .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add:active,
4088
+ .ant-tabs > .ant-tabs-nav .ant-tabs-nav-add:focus,
4089
+ .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add:focus {
4090
+ color: #096dd9;
4106
4091
  }
4107
- .ant-input-search-small .ant-input-search-button {
4108
- height: 24px;
4092
+ .ant-tabs-extra-content {
4093
+ -webkit-box-flex: 0;
4094
+ -ms-flex: none;
4095
+ flex: none;
4109
4096
  }
4110
- .ant-input-group-wrapper-rtl {
4111
- direction: rtl;
4097
+ .ant-tabs-centered > .ant-tabs-nav .ant-tabs-nav-wrap:not([class*='ant-tabs-nav-wrap-ping']),
4098
+ .ant-tabs-centered > div > .ant-tabs-nav .ant-tabs-nav-wrap:not([class*='ant-tabs-nav-wrap-ping']) {
4099
+ -webkit-box-pack: center;
4100
+ -ms-flex-pack: center;
4101
+ justify-content: center;
4112
4102
  }
4113
- .ant-input-group-rtl {
4114
- direction: rtl;
4103
+ .ant-tabs-ink-bar {
4104
+ position: absolute;
4105
+ background: #1890ff;
4106
+ pointer-events: none;
4115
4107
  }
4116
- .ant-input-affix-wrapper.ant-input-affix-wrapper-rtl > input.ant-input {
4117
- border: none;
4108
+ .ant-tabs-tab {
4109
+ position: relative;
4110
+ display: -webkit-inline-box;
4111
+ display: -ms-inline-flexbox;
4112
+ display: inline-flex;
4113
+ -webkit-box-align: center;
4114
+ -ms-flex-align: center;
4115
+ align-items: center;
4116
+ padding: 12px 0;
4117
+ font-size: 14px;
4118
+ background: transparent;
4119
+ border: 0;
4118
4120
  outline: none;
4121
+ cursor: pointer;
4119
4122
  }
4120
- .ant-input-affix-wrapper-rtl .ant-input-prefix {
4121
- margin: 0 0 0 4px;
4122
- }
4123
- .ant-input-affix-wrapper-rtl .ant-input-suffix {
4124
- margin: 0 4px 0 0;
4123
+ .ant-tabs-tab-btn:focus,
4124
+ .ant-tabs-tab-remove:focus,
4125
+ .ant-tabs-tab-btn:active,
4126
+ .ant-tabs-tab-remove:active {
4127
+ color: #096dd9;
4125
4128
  }
4126
- .ant-input-textarea-rtl {
4127
- direction: rtl;
4129
+ .ant-tabs-tab-btn {
4130
+ outline: none;
4131
+ -webkit-transition: all 0.3s;
4132
+ transition: all 0.3s;
4128
4133
  }
4129
- .ant-input-textarea-rtl.ant-input-textarea-show-count::after {
4130
- text-align: left;
4134
+ .ant-tabs-tab-remove {
4135
+ -webkit-box-flex: 0;
4136
+ -ms-flex: none;
4137
+ flex: none;
4138
+ margin-right: -4px;
4139
+ margin-left: 8px;
4140
+ color: rgba(0, 0, 0, 0.45);
4141
+ font-size: 12px;
4142
+ background: transparent;
4143
+ border: none;
4144
+ outline: none;
4145
+ cursor: pointer;
4146
+ -webkit-transition: all 0.3s;
4147
+ transition: all 0.3s;
4131
4148
  }
4132
- .ant-input-affix-wrapper-rtl .ant-input-clear-icon:last-child {
4133
- margin-right: 4px;
4134
- margin-left: 0;
4149
+ .ant-tabs-tab-remove:hover {
4150
+ color: rgba(0, 0, 0, 0.85);
4135
4151
  }
4136
- .ant-input-affix-wrapper-rtl .ant-input-clear-icon {
4137
- right: auto;
4138
- left: 8px;
4152
+ .ant-tabs-tab:hover {
4153
+ color: #40a9ff;
4139
4154
  }
4140
- .ant-input-search-rtl {
4141
- direction: rtl;
4155
+ .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
4156
+ color: #1890ff;
4157
+ text-shadow: 0 0 0.25px currentColor;
4142
4158
  }
4143
- .ant-input-search-rtl .ant-input:hover + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary),
4144
- .ant-input-search-rtl .ant-input:focus + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary) {
4145
- border-right-color: #40a9ff;
4146
- border-left-color: #d9d9d9;
4159
+ .ant-tabs-tab.ant-tabs-tab-disabled {
4160
+ color: rgba(0, 0, 0, 0.25);
4161
+ cursor: not-allowed;
4147
4162
  }
4148
- .ant-input-search-rtl > .ant-input-group > .ant-input-affix-wrapper:hover,
4149
- .ant-input-search-rtl > .ant-input-group > .ant-input-affix-wrapper-focused {
4150
- border-right-color: #40a9ff;
4163
+ .ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-btn:focus,
4164
+ .ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-remove:focus,
4165
+ .ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-btn:active,
4166
+ .ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-remove:active {
4167
+ color: rgba(0, 0, 0, 0.25);
4151
4168
  }
4152
- .ant-input-search-rtl > .ant-input-group > .ant-input-group-addon {
4153
- right: -1px;
4154
- left: auto;
4169
+ .ant-tabs-tab .ant-tabs-tab-remove .anticon {
4170
+ margin: 0;
4155
4171
  }
4156
- .ant-input-search-rtl > .ant-input-group > .ant-input-group-addon .ant-input-search-button {
4157
- border-radius: 2px 0 0 2px;
4172
+ .ant-tabs-tab .anticon {
4173
+ margin-right: 12px;
4158
4174
  }
4159
- @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
4160
- .ant-input {
4161
- height: 32px;
4162
- }
4163
- .ant-input-lg {
4164
- height: 40px;
4165
- }
4166
- .ant-input-sm {
4167
- height: 24px;
4168
- }
4169
- .ant-input-affix-wrapper > input.ant-input {
4170
- height: auto;
4171
- }
4175
+ .ant-tabs-tab + .ant-tabs-tab {
4176
+ margin: 0 0 0 32px;
4172
4177
  }
4173
- .pandora-sdk-check-transform-list {
4178
+ .ant-tabs-content {
4174
4179
  display: -webkit-box;
4175
4180
  display: -ms-flexbox;
4176
4181
  display: flex;
4177
- margin-top: 20px;
4178
- padding-left: 5px;
4179
- padding-right: 5px;
4180
- }
4181
- .pandora-sdk-check-transform-list .pandora-sdk-check-transform-divider {
4182
- height: auto;
4183
- margin-left: 40px;
4184
- margin-right: 40px;
4182
+ width: 100%;
4185
4183
  }
4186
- .pandora-sdk-check-transform {
4184
+ .ant-tabs-content-holder {
4187
4185
  -webkit-box-flex: 1;
4188
- -ms-flex: 1;
4189
- flex: 1;
4186
+ -ms-flex: auto;
4187
+ flex: auto;
4188
+ min-width: 0;
4189
+ min-height: 0;
4190
4190
  }
4191
- .pandora-sdk-check-transform .pandora-sdk-check-transform-header {
4192
- margin-bottom: 10px;
4191
+ .ant-tabs-content-animated {
4192
+ -webkit-transition: margin 0.3s;
4193
+ transition: margin 0.3s;
4193
4194
  }
4194
- .pandora-sdk-check-transform .pandora-sdk-check-transform-search {
4195
+ .ant-tabs-tabpane {
4196
+ -webkit-box-flex: 0;
4197
+ -ms-flex: none;
4198
+ flex: none;
4195
4199
  width: 100%;
4196
- height: 40px;
4197
- margin-bottom: 10px;
4198
- }
4199
- .pandora-sdk-check-transform .pandora-sdk-check-transform-checkBox {
4200
- line-height: 40px;
4200
+ outline: none;
4201
4201
  }
4202
- .pandora-sdk-check-transform .pandora-sdk-check-transform-checkBox .pandora-sdk-check-transform-checkbox-group {
4203
- line-height: 40px;
4202
+ .pandora-sdk-card .ant-card-head .ant-card-extra {
4203
+ padding: 0;
4204
4204
  }
4205
4205
  .ant-checkbox-inner::after {
4206
4206
  left: 20%;
@@ -6158,15 +6158,6 @@ textarea.ant-input-number {
6158
6158
  .ant-menu-vertical-right.ant-menu-sub:not([class*='-active']) {
6159
6159
  max-height: 320px;
6160
6160
  }
6161
- .pandora-sdk-name-explain-icon {
6162
- color: inherit;
6163
- -webkit-transition: color 0.3s;
6164
- transition: color 0.3s;
6165
- }
6166
- .pandora-sdk-name-explain-icon:hover,
6167
- .pandora-sdk-name-explain-icon .ant-tooltip-open {
6168
- color: #2c6dd2;
6169
- }
6170
6161
  .ant-modal {
6171
6162
  -webkit-box-sizing: border-box;
6172
6163
  box-sizing: border-box;
@@ -6448,6 +6439,15 @@ textarea.ant-input-number {
6448
6439
  .pandora-sdk-modal .ant-modal-footer .ant-btn-primary {
6449
6440
  color: #d9d9d9;
6450
6441
  }
6442
+ .pandora-sdk-name-explain-icon {
6443
+ color: inherit;
6444
+ -webkit-transition: color 0.3s;
6445
+ transition: color 0.3s;
6446
+ }
6447
+ .pandora-sdk-name-explain-icon:hover,
6448
+ .pandora-sdk-name-explain-icon .ant-tooltip-open {
6449
+ color: #2c6dd2;
6450
+ }
6451
6451
  .ant-tooltip {
6452
6452
  -webkit-box-sizing: border-box;
6453
6453
  box-sizing: border-box;
@@ -11565,12 +11565,6 @@ textarea.ant-pagination-options-quick-jumper input {
11565
11565
  .pandora-sdk-tree-select-dropdown .ant-empty {
11566
11566
  text-align: center;
11567
11567
  }
11568
- .pandora-sdk-card-search-input {
11569
- min-width: 200px;
11570
- }
11571
- .pandora-sdk-card-search-input i {
11572
- color: #bfbfbf;
11573
- }
11574
11568
  .ant-row {
11575
11569
  display: -webkit-box;
11576
11570
  display: -ms-flexbox;
@@ -17460,6 +17454,12 @@ textarea.ant-pagination-options-quick-jumper input {
17460
17454
  .pandora-sdk-card-row-extra button {
17461
17455
  min-width: 80px;
17462
17456
  }
17457
+ .pandora-sdk-card-search-input {
17458
+ min-width: 200px;
17459
+ }
17460
+ .pandora-sdk-card-search-input i {
17461
+ color: #bfbfbf;
17462
+ }
17463
17463
  .pandora-sdk-panel-title {
17464
17464
  display: -webkit-box;
17465
17465
  display: -ms-flexbox;
@@ -19040,6 +19040,18 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
19040
19040
  font-size: 12px;
19041
19041
  color: #333;
19042
19042
  }
19043
+ .pandora-sdk-transfer-list {
19044
+ overflow: hidden;
19045
+ }
19046
+ .pandora-sdk-transfer-list .pandora-sdk-transfer-title {
19047
+ margin-bottom: 10px;
19048
+ }
19049
+ .pandora-sdk-transfer-list .pandora-sdk-transfer-search {
19050
+ margin-bottom: 10px;
19051
+ }
19052
+ .pandora-sdk-transfer-list .pandora-sdk-transfer-mb10 {
19053
+ margin-bottom: 10px;
19054
+ }
19043
19055
  .pandora-sdk-transfer-list-body {
19044
19056
  height: 300px;
19045
19057
  overflow-y: scroll;
@@ -19056,18 +19068,6 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
19056
19068
  .pandora-sdk-transfer-list-body .pandora-sdk-transfer-mb10 {
19057
19069
  margin-bottom: 10px;
19058
19070
  }
19059
- .pandora-sdk-transfer-list {
19060
- overflow: hidden;
19061
- }
19062
- .pandora-sdk-transfer-list .pandora-sdk-transfer-title {
19063
- margin-bottom: 10px;
19064
- }
19065
- .pandora-sdk-transfer-list .pandora-sdk-transfer-search {
19066
- margin-bottom: 10px;
19067
- }
19068
- .pandora-sdk-transfer-list .pandora-sdk-transfer-mb10 {
19069
- margin-bottom: 10px;
19070
- }
19071
19071
  .pandora-sdk-datetime-mobile-pick-range-preset-head {
19072
19072
  display: -webkit-box;
19073
19073
  display: -ms-flexbox;