@qn-pandora/pandora-component 3.0.0 → 3.0.1

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 +21 -1
  2. package/CHANGELOG.md +12 -4
  3. package/es/index.css +1728 -1728
  4. package/es/index.less +4 -4
  5. package/package.json +5 -5
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-divider {
2073
+ .ant-card {
2074
2074
  -webkit-box-sizing: border-box;
2075
2075
  box-sizing: border-box;
2076
2076
  margin: 0;
@@ -2082,656 +2082,628 @@ a.ant-btn-sm {
2082
2082
  list-style: none;
2083
2083
  -webkit-font-feature-settings: 'tnum';
2084
2084
  font-feature-settings: 'tnum';
2085
- border-top: 1px solid rgba(0, 0, 0, 0.06);
2086
- }
2087
- .ant-divider-vertical {
2088
2085
  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);
2086
+ background: #fff;
2087
+ border-radius: 2px;
2096
2088
  }
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;
2089
+ .ant-card-rtl {
2090
+ direction: rtl;
2105
2091
  }
2106
- .ant-divider-horizontal.ant-divider-with-text {
2107
- display: -webkit-box;
2108
- display: -ms-flexbox;
2109
- display: flex;
2110
- margin: 16px 0;
2092
+ .ant-card-hoverable {
2093
+ cursor: pointer;
2094
+ -webkit-transition: border-color 0.3s, -webkit-box-shadow 0.3s;
2095
+ transition: border-color 0.3s, -webkit-box-shadow 0.3s;
2096
+ transition: box-shadow 0.3s, border-color 0.3s;
2097
+ transition: box-shadow 0.3s, border-color 0.3s, -webkit-box-shadow 0.3s;
2098
+ }
2099
+ .ant-card-hoverable:hover {
2100
+ border-color: transparent;
2101
+ -webkit-box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
2102
+ box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
2103
+ }
2104
+ .ant-card-bordered {
2105
+ border: 1px solid #f0f0f0;
2106
+ }
2107
+ .ant-card-head {
2108
+ min-height: 48px;
2109
+ margin-bottom: -1px;
2110
+ padding: 0 24px;
2111
2111
  color: rgba(0, 0, 0, 0.85);
2112
2112
  font-weight: 500;
2113
2113
  font-size: 16px;
2114
- white-space: nowrap;
2115
- text-align: center;
2116
- border-top: 0;
2117
- border-top-color: rgba(0, 0, 0, 0.06);
2114
+ background: transparent;
2115
+ border-bottom: 1px solid #f0f0f0;
2116
+ border-radius: 2px 2px 0 0;
2118
2117
  }
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%);
2118
+ .ant-card-head::before {
2119
+ display: table;
2129
2120
  content: '';
2130
2121
  }
2131
- .ant-divider-horizontal.ant-divider-with-text-left::before {
2132
- top: 50%;
2133
- width: 5%;
2134
- }
2135
- .ant-divider-horizontal.ant-divider-with-text-left::after {
2136
- top: 50%;
2137
- width: 95%;
2138
- }
2139
- .ant-divider-horizontal.ant-divider-with-text-right::before {
2140
- top: 50%;
2141
- width: 95%;
2122
+ .ant-card-head::after {
2123
+ display: table;
2124
+ clear: both;
2125
+ content: '';
2142
2126
  }
2143
- .ant-divider-horizontal.ant-divider-with-text-right::after {
2144
- top: 50%;
2145
- width: 5%;
2127
+ .ant-card-head-wrapper {
2128
+ display: -webkit-box;
2129
+ display: -ms-flexbox;
2130
+ display: flex;
2131
+ -webkit-box-align: center;
2132
+ -ms-flex-align: center;
2133
+ align-items: center;
2146
2134
  }
2147
- .ant-divider-inner-text {
2135
+ .ant-card-head-title {
2148
2136
  display: inline-block;
2149
- padding: 0 1em;
2150
- }
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;
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;
2156
2144
  }
2157
- .ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed {
2158
- border-top: 0;
2145
+ .ant-card-head-title > .ant-typography,
2146
+ .ant-card-head-title > .ant-typography-edit-content {
2147
+ left: 0;
2148
+ margin-top: 0;
2149
+ margin-bottom: 0;
2159
2150
  }
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;
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;
2163
2157
  }
2164
- .ant-divider-vertical.ant-divider-dashed {
2165
- border-width: 0 0 0 1px;
2158
+ .ant-card-head .ant-tabs-bar {
2159
+ border-bottom: 1px solid #f0f0f0;
2166
2160
  }
2167
- .ant-divider-plain.ant-divider-with-text {
2161
+ .ant-card-extra {
2162
+ float: right;
2163
+ margin-left: auto;
2164
+ padding: 16px 0;
2168
2165
  color: rgba(0, 0, 0, 0.85);
2169
2166
  font-weight: normal;
2170
2167
  font-size: 14px;
2171
2168
  }
2172
- .ant-divider-rtl {
2173
- direction: rtl;
2169
+ .ant-card-rtl .ant-card-extra {
2170
+ margin-right: auto;
2171
+ margin-left: 0;
2174
2172
  }
2175
- .ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-left::before {
2176
- width: 95%;
2173
+ .ant-card-body {
2174
+ padding: 24px;
2177
2175
  }
2178
- .ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-left::after {
2179
- width: 5%;
2176
+ .ant-card-body::before {
2177
+ display: table;
2178
+ content: '';
2180
2179
  }
2181
- .ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-right::before {
2182
- width: 5%;
2180
+ .ant-card-body::after {
2181
+ display: table;
2182
+ clear: both;
2183
+ content: '';
2183
2184
  }
2184
- .ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-right::after {
2185
- width: 95%;
2185
+ .ant-card-contain-grid:not(.ant-card-loading) .ant-card-body {
2186
+ margin: -1px 0 0 -1px;
2187
+ padding: 0;
2186
2188
  }
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
- }
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;
2198
2199
  }
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
- }
2200
+ .ant-card-rtl .ant-card-grid {
2201
+ float: right;
2210
2202
  }
2211
- .ant-checkbox {
2212
- -webkit-box-sizing: border-box;
2213
- box-sizing: border-box;
2214
- margin: 0;
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;
2220
- list-style: none;
2221
- -webkit-font-feature-settings: 'tnum';
2222
- font-feature-settings: 'tnum';
2203
+ .ant-card-grid-hoverable:hover {
2223
2204
  position: relative;
2224
- top: 0.2em;
2225
- line-height: 1;
2226
- white-space: nowrap;
2227
- outline: none;
2228
- cursor: pointer;
2205
+ z-index: 1;
2206
+ -webkit-box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
2207
+ box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
2229
2208
  }
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;
2209
+ .ant-card-contain-tabs > .ant-card-head .ant-card-head-title {
2210
+ min-height: 32px;
2211
+ padding-bottom: 0;
2234
2212
  }
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;
2248
- content: '';
2213
+ .ant-card-contain-tabs > .ant-card-head .ant-card-extra {
2214
+ padding-bottom: 0;
2249
2215
  }
2250
- .ant-checkbox:hover::after,
2251
- .ant-checkbox-wrapper:hover .ant-checkbox::after {
2252
- visibility: visible;
2216
+ .ant-card-bordered .ant-card-cover {
2217
+ margin-top: -1px;
2218
+ margin-right: -1px;
2219
+ margin-left: -1px;
2253
2220
  }
2254
- .ant-checkbox-inner {
2255
- position: relative;
2256
- top: 0;
2257
- left: 0;
2221
+ .ant-card-cover > * {
2258
2222
  display: block;
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;
2268
- }
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: ' ';
2285
- }
2286
- .ant-checkbox-input {
2287
- position: absolute;
2288
- top: 0;
2289
- right: 0;
2290
- bottom: 0;
2291
- left: 0;
2292
- z-index: 1;
2293
2223
  width: 100%;
2294
- height: 100%;
2295
- cursor: pointer;
2296
- opacity: 0;
2297
- }
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: ' ';
2310
- }
2311
- .ant-checkbox-checked .ant-checkbox-inner {
2312
- background-color: #1890ff;
2313
- border-color: #1890ff;
2314
- }
2315
- .ant-checkbox-disabled {
2316
- cursor: not-allowed;
2317
- }
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;
2322
- }
2323
- .ant-checkbox-disabled .ant-checkbox-input {
2324
- cursor: not-allowed;
2325
- }
2326
- .ant-checkbox-disabled .ant-checkbox-inner {
2327
- background-color: #f5f5f5;
2328
- border-color: #d9d9d9 !important;
2329
- }
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;
2335
- }
2336
- .ant-checkbox-disabled + span {
2337
- color: rgba(0, 0, 0, 0.25);
2338
- cursor: not-allowed;
2339
2224
  }
2340
- .ant-checkbox-disabled:hover::after,
2341
- .ant-checkbox-wrapper:hover .ant-checkbox-disabled::after {
2342
- visibility: hidden;
2225
+ .ant-card-cover img {
2226
+ border-radius: 2px 2px 0 0;
2343
2227
  }
2344
- .ant-checkbox-wrapper {
2345
- -webkit-box-sizing: border-box;
2346
- box-sizing: border-box;
2228
+ .ant-card-actions {
2347
2229
  margin: 0;
2348
2230
  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
2231
  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;
2232
+ background: #fff;
2233
+ border-top: 1px solid #f0f0f0;
2364
2234
  }
2365
- .ant-checkbox-wrapper::after {
2366
- display: inline-block;
2367
- width: 0;
2368
- overflow: hidden;
2369
- content: '\a0';
2235
+ .ant-card-actions::before {
2236
+ display: table;
2237
+ content: '';
2370
2238
  }
2371
- .ant-checkbox-wrapper.ant-checkbox-wrapper-disabled {
2372
- cursor: not-allowed;
2239
+ .ant-card-actions::after {
2240
+ display: table;
2241
+ clear: both;
2242
+ content: '';
2373
2243
  }
2374
- .ant-checkbox-wrapper + .ant-checkbox-wrapper {
2375
- margin-left: 8px;
2244
+ .ant-card-actions > li {
2245
+ float: left;
2246
+ margin: 12px 0;
2247
+ color: rgba(0, 0, 0, 0.45);
2248
+ text-align: center;
2376
2249
  }
2377
- .ant-checkbox + span {
2378
- padding-right: 8px;
2379
- padding-left: 8px;
2250
+ .ant-card-rtl .ant-card-actions > li {
2251
+ float: right;
2380
2252
  }
2381
- .ant-checkbox-group {
2382
- -webkit-box-sizing: border-box;
2383
- box-sizing: border-box;
2384
- margin: 0;
2385
- padding: 0;
2386
- color: rgba(0, 0, 0, 0.85);
2253
+ .ant-card-actions > li > span {
2254
+ position: relative;
2255
+ display: block;
2256
+ min-width: 32px;
2387
2257
  font-size: 14px;
2388
- font-variant: tabular-nums;
2389
2258
  line-height: 1.5715;
2390
- list-style: none;
2391
- -webkit-font-feature-settings: 'tnum';
2392
- font-feature-settings: 'tnum';
2259
+ cursor: pointer;
2260
+ }
2261
+ .ant-card-actions > li > span:hover {
2262
+ color: #1890ff;
2263
+ -webkit-transition: color 0.3s;
2264
+ transition: color 0.3s;
2265
+ }
2266
+ .ant-card-actions > li > span a:not(.ant-btn),
2267
+ .ant-card-actions > li > span > .anticon {
2393
2268
  display: inline-block;
2269
+ width: 100%;
2270
+ color: rgba(0, 0, 0, 0.45);
2271
+ line-height: 22px;
2272
+ -webkit-transition: color 0.3s;
2273
+ transition: color 0.3s;
2394
2274
  }
2395
- .ant-checkbox-group-item {
2396
- margin-right: 8px;
2275
+ .ant-card-actions > li > span a:not(.ant-btn):hover,
2276
+ .ant-card-actions > li > span > .anticon:hover {
2277
+ color: #1890ff;
2397
2278
  }
2398
- .ant-checkbox-group-item:last-child {
2399
- margin-right: 0;
2279
+ .ant-card-actions > li > span > .anticon {
2280
+ font-size: 16px;
2281
+ line-height: 22px;
2400
2282
  }
2401
- .ant-checkbox-group-item + .ant-checkbox-group-item {
2402
- margin-left: 0;
2283
+ .ant-card-actions > li:not(:last-child) {
2284
+ border-right: 1px solid #f0f0f0;
2403
2285
  }
2404
- .ant-checkbox-indeterminate .ant-checkbox-inner {
2405
- background-color: #fff;
2406
- border-color: #d9d9d9;
2286
+ .ant-card-rtl .ant-card-actions > li:not(:last-child) {
2287
+ border-right: none;
2288
+ border-left: 1px solid #f0f0f0;
2407
2289
  }
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: ' ';
2290
+ .ant-card-type-inner .ant-card-head {
2291
+ padding: 0 24px;
2292
+ background: #fafafa;
2419
2293
  }
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);
2294
+ .ant-card-type-inner .ant-card-head-title {
2295
+ padding: 12px 0;
2296
+ font-size: 14px;
2423
2297
  }
2424
- .ant-checkbox-rtl {
2425
- direction: rtl;
2298
+ .ant-card-type-inner .ant-card-body {
2299
+ padding: 16px 24px;
2426
2300
  }
2427
- .ant-checkbox-group-rtl .ant-checkbox-group-item {
2428
- margin-right: 0;
2429
- margin-left: 8px;
2301
+ .ant-card-type-inner .ant-card-extra {
2302
+ padding: 13.5px 0;
2430
2303
  }
2431
- .ant-checkbox-group-rtl .ant-checkbox-group-item:last-child {
2432
- margin-left: 0 !important;
2304
+ .ant-card-meta {
2305
+ margin: -4px 0;
2433
2306
  }
2434
- .ant-checkbox-group-rtl .ant-checkbox-group-item + .ant-checkbox-group-item {
2435
- margin-left: 8px;
2307
+ .ant-card-meta::before {
2308
+ display: table;
2309
+ content: '';
2436
2310
  }
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);
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;
2311
+ .ant-card-meta::after {
2312
+ display: table;
2313
+ clear: both;
2314
+ content: '';
2455
2315
  }
2456
- .ant-input-affix-wrapper::-moz-placeholder {
2457
- opacity: 1;
2316
+ .ant-card-meta-avatar {
2317
+ float: left;
2318
+ padding-right: 16px;
2458
2319
  }
2459
- .ant-input-affix-wrapper::-webkit-input-placeholder {
2460
- color: #bfbfbf;
2320
+ .ant-card-rtl .ant-card-meta-avatar {
2321
+ float: right;
2322
+ padding-right: 0;
2323
+ padding-left: 16px;
2461
2324
  }
2462
- .ant-input-affix-wrapper::-ms-input-placeholder {
2463
- color: #bfbfbf;
2325
+ .ant-card-meta-detail {
2326
+ overflow: hidden;
2464
2327
  }
2465
- .ant-input-affix-wrapper::placeholder {
2466
- color: #bfbfbf;
2328
+ .ant-card-meta-detail > div:not(:last-child) {
2329
+ margin-bottom: 8px;
2467
2330
  }
2468
- .ant-input-affix-wrapper:placeholder-shown {
2331
+ .ant-card-meta-title {
2332
+ overflow: hidden;
2333
+ color: rgba(0, 0, 0, 0.85);
2334
+ font-weight: 500;
2335
+ font-size: 16px;
2336
+ white-space: nowrap;
2469
2337
  text-overflow: ellipsis;
2470
2338
  }
2471
- .ant-input-affix-wrapper:hover {
2472
- border-color: #40a9ff;
2473
- border-right-width: 1px !important;
2339
+ .ant-card-meta-description {
2340
+ color: rgba(0, 0, 0, 0.45);
2474
2341
  }
2475
- .ant-input-rtl .ant-input-affix-wrapper:hover {
2476
- border-right-width: 0;
2477
- border-left-width: 1px !important;
2342
+ .ant-card-loading {
2343
+ overflow: hidden;
2478
2344
  }
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);
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;
2486
2350
  }
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;
2351
+ .ant-card-loading-content p {
2352
+ margin: 0;
2491
2353
  }
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;
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;
2497
2363
  }
2498
- .ant-input-affix-wrapper-disabled:hover {
2499
- border-color: #d9d9d9;
2500
- border-right-width: 1px !important;
2364
+ @-webkit-keyframes card-loading {
2365
+ 0%,
2366
+ 100% {
2367
+ background-position: 0 50%;
2368
+ }
2369
+ 50% {
2370
+ background-position: 100% 50%;
2371
+ }
2501
2372
  }
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;
2373
+ @keyframes card-loading {
2374
+ 0%,
2375
+ 100% {
2376
+ background-position: 0 50%;
2377
+ }
2378
+ 50% {
2379
+ background-position: 100% 50%;
2380
+ }
2507
2381
  }
2508
- .ant-input-affix-wrapper[disabled]:hover {
2509
- border-color: #d9d9d9;
2510
- border-right-width: 1px !important;
2382
+ .ant-card-small > .ant-card-head {
2383
+ min-height: 36px;
2384
+ padding: 0 12px;
2385
+ font-size: 14px;
2511
2386
  }
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;
2387
+ .ant-card-small > .ant-card-head > .ant-card-head-wrapper > .ant-card-head-title {
2388
+ padding: 8px 0;
2522
2389
  }
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;
2390
+ .ant-card-small > .ant-card-head > .ant-card-head-wrapper > .ant-card-extra {
2391
+ padding: 8px 0;
2392
+ font-size: 14px;
2531
2393
  }
2532
- .ant-input-affix-wrapper-lg {
2533
- padding: 6.5px 11px;
2534
- font-size: 16px;
2394
+ .ant-card-small > .ant-card-body {
2395
+ padding: 12px;
2535
2396
  }
2536
- .ant-input-affix-wrapper-sm {
2537
- padding: 0px 7px;
2397
+ .ant-tabs-small > .ant-tabs-nav .ant-tabs-tab {
2398
+ padding: 8px 0;
2399
+ font-size: 14px;
2538
2400
  }
2539
- .ant-input-affix-wrapper-rtl {
2540
- direction: rtl;
2401
+ .ant-tabs-large > .ant-tabs-nav .ant-tabs-tab {
2402
+ padding: 16px 0;
2403
+ font-size: 16px;
2541
2404
  }
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;
2405
+ .ant-tabs-card.ant-tabs-small > .ant-tabs-nav .ant-tabs-tab {
2406
+ padding: 6px 16px;
2546
2407
  }
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;
2408
+ .ant-tabs-card.ant-tabs-large > .ant-tabs-nav .ant-tabs-tab {
2409
+ padding: 7px 16px 6px;
2550
2410
  }
2551
- .ant-input-search-with-button .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover {
2552
- z-index: 0;
2411
+ .ant-tabs-rtl {
2412
+ direction: rtl;
2553
2413
  }
2554
- .ant-input-affix-wrapper-focused,
2555
- .ant-input-affix-wrapper:focus {
2556
- z-index: 1;
2414
+ .ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab {
2415
+ margin: 0 0 0 32px;
2557
2416
  }
2558
- .ant-input-affix-wrapper-disabled .ant-input[disabled] {
2559
- background: transparent;
2417
+ .ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab:last-of-type {
2418
+ margin-left: 0;
2560
2419
  }
2561
- .ant-input-affix-wrapper > input.ant-input {
2562
- padding: 0;
2563
- border: none;
2564
- outline: none;
2420
+ .ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .anticon {
2421
+ margin-right: 0;
2422
+ margin-left: 12px;
2565
2423
  }
2566
- .ant-input-affix-wrapper > input.ant-input:focus {
2567
- -webkit-box-shadow: none;
2568
- box-shadow: none;
2424
+ .ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove {
2425
+ margin-right: 8px;
2426
+ margin-left: -4px;
2569
2427
  }
2570
- .ant-input-affix-wrapper::before {
2571
- width: 0;
2572
- visibility: hidden;
2573
- content: '\a0';
2428
+ .ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove .anticon {
2429
+ margin: 0;
2574
2430
  }
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;
2431
+ .ant-tabs-rtl.ant-tabs-left > .ant-tabs-nav {
2432
+ -webkit-box-ordinal-group: 2;
2433
+ -ms-flex-order: 1;
2434
+ order: 1;
2586
2435
  }
2587
- .ant-input-prefix {
2588
- margin-right: 4px;
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;
2589
2440
  }
2590
- .ant-input-suffix {
2591
- margin-left: 4px;
2441
+ .ant-tabs-rtl.ant-tabs-right > .ant-tabs-nav {
2442
+ -webkit-box-ordinal-group: 1;
2443
+ -ms-flex-order: 0;
2444
+ order: 0;
2592
2445
  }
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;
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;
2601
2450
  }
2602
- .ant-input-clear-icon:hover {
2603
- color: rgba(0, 0, 0, 0.45);
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;
2604
2457
  }
2605
- .ant-input-clear-icon:active {
2606
- color: rgba(0, 0, 0, 0.85);
2458
+ .ant-tabs-dropdown-rtl {
2459
+ direction: rtl;
2607
2460
  }
2608
- .ant-input-clear-icon-hidden {
2609
- visibility: hidden;
2461
+ .ant-tabs-dropdown-rtl .ant-tabs-dropdown-menu-item {
2462
+ text-align: right;
2610
2463
  }
2611
- .ant-input-clear-icon:last-child {
2612
- margin-right: 0;
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;
2613
2470
  }
2614
- .ant-input-affix-wrapper-textarea-with-clear-btn {
2615
- padding: 0 !important;
2616
- border: 0 !important;
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;
2617
2476
  }
2618
- .ant-input-affix-wrapper-textarea-with-clear-btn .ant-input-clear-icon {
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 {
2619
2481
  position: absolute;
2620
- top: 8px;
2621
- right: 8px;
2622
- z-index: 1;
2482
+ right: 0;
2483
+ left: 0;
2484
+ border-bottom: 1px solid #f0f0f0;
2485
+ content: '';
2623
2486
  }
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;
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;
2647
2492
  }
2648
- .ant-input::-moz-placeholder {
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;
2499
+ }
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;
2511
+ }
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);
2519
+ }
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);
2527
+ }
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 {
2649
2532
  opacity: 1;
2650
2533
  }
2651
- .ant-input::-webkit-input-placeholder {
2652
- color: #bfbfbf;
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;
2653
2539
  }
2654
- .ant-input::-ms-input-placeholder {
2655
- color: #bfbfbf;
2540
+ .ant-tabs-top > .ant-tabs-nav::before,
2541
+ .ant-tabs-top > div > .ant-tabs-nav::before {
2542
+ bottom: 0;
2656
2543
  }
2657
- .ant-input::placeholder {
2658
- color: #bfbfbf;
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;
2659
2547
  }
2660
- .ant-input:placeholder-shown {
2661
- text-overflow: ellipsis;
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;
2662
2555
  }
2663
- .ant-input:hover {
2664
- border-color: #40a9ff;
2665
- border-right-width: 1px !important;
2556
+ .ant-tabs-bottom > .ant-tabs-nav::before,
2557
+ .ant-tabs-bottom > div > .ant-tabs-nav::before {
2558
+ top: 0;
2666
2559
  }
2667
- .ant-input-rtl .ant-input:hover {
2668
- border-right-width: 0;
2669
- border-left-width: 1px !important;
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;
2670
2563
  }
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);
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;
2678
2569
  }
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;
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;
2683
2579
  }
2684
- .ant-input-disabled {
2685
- color: rgba(0, 0, 0, 0.25);
2686
- background-color: #f5f5f5;
2687
- cursor: not-allowed;
2688
- opacity: 1;
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;
2689
2586
  }
2690
- .ant-input-disabled:hover {
2691
- border-color: #d9d9d9;
2692
- border-right-width: 1px !important;
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;
2693
2592
  }
2694
- .ant-input[disabled] {
2695
- color: rgba(0, 0, 0, 0.25);
2696
- background-color: #f5f5f5;
2697
- cursor: not-allowed;
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;
2601
+ }
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;
2613
+ }
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);
2621
+ }
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);
2629
+ }
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 {
2698
2634
  opacity: 1;
2699
2635
  }
2700
- .ant-input[disabled]:hover {
2701
- border-color: #d9d9d9;
2702
- border-right-width: 1px !important;
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;
2703
2641
  }
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;
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;
2714
2647
  }
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;
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;
2723
2654
  }
2724
- .ant-input-lg {
2725
- padding: 6.5px 11px;
2726
- font-size: 16px;
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;
2727
2670
  }
2728
- .ant-input-sm {
2729
- padding: 0px 7px;
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;
2730
2674
  }
2731
- .ant-input-rtl {
2732
- direction: rtl;
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;
2733
2679
  }
2734
- .ant-input-group {
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;
2683
+ }
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;
2689
+ }
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;
2693
+ }
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;
2701
+ }
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;
2705
+ }
2706
+ .ant-tabs-dropdown {
2735
2707
  -webkit-box-sizing: border-box;
2736
2708
  box-sizing: border-box;
2737
2709
  margin: 0;
@@ -2743,474 +2715,662 @@ textarea.ant-input {
2743
2715
  list-style: none;
2744
2716
  -webkit-font-feature-settings: 'tnum';
2745
2717
  font-feature-settings: 'tnum';
2746
- position: relative;
2747
- display: table;
2748
- width: 100%;
2749
- border-collapse: separate;
2750
- border-spacing: 0;
2751
- }
2752
- .ant-input-group[class*='col-'] {
2753
- float: none;
2754
- padding-right: 0;
2755
- padding-left: 0;
2756
- }
2757
- .ant-input-group > [class*='col-'] {
2758
- padding-right: 8px;
2759
- }
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;
2718
+ position: absolute;
2719
+ top: -9999px;
2720
+ left: -9999px;
2721
+ z-index: 1050;
2722
+ display: block;
2791
2723
  }
2792
- .ant-input-group .ant-input:hover {
2793
- z-index: 1;
2794
- border-right-width: 1px;
2724
+ .ant-tabs-dropdown-hidden {
2725
+ display: none;
2795
2726
  }
2796
- .ant-input-search-with-button .ant-input-group .ant-input:hover {
2797
- z-index: 0;
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);
2798
2741
  }
2799
- .ant-input-group-addon {
2800
- position: relative;
2801
- padding: 0 11px;
2742
+ .ant-tabs-dropdown-menu-item {
2743
+ min-width: 120px;
2744
+ margin: 0;
2745
+ padding: 5px 12px;
2746
+ overflow: hidden;
2802
2747
  color: rgba(0, 0, 0, 0.85);
2803
2748
  font-weight: normal;
2804
2749
  font-size: 14px;
2805
- text-align: center;
2806
- background-color: #fafafa;
2807
- border: 1px solid #d9d9d9;
2808
- border-radius: 2px;
2750
+ line-height: 22px;
2751
+ white-space: nowrap;
2752
+ text-overflow: ellipsis;
2753
+ cursor: pointer;
2809
2754
  -webkit-transition: all 0.3s;
2810
2755
  transition: all 0.3s;
2811
2756
  }
2812
- .ant-input-group-addon .ant-select {
2813
- margin: -5px -11px;
2814
- }
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;
2820
- }
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;
2834
- }
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;
2757
+ .ant-tabs-dropdown-menu-item:hover {
2758
+ background: #f5f5f5;
2838
2759
  }
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;
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;
2842
2765
  }
2843
- .ant-input-group-addon:first-child {
2844
- border-right: 0;
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);
2845
2774
  }
2846
- .ant-input-group-addon:last-child {
2847
- border-left: 0;
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;
2848
2779
  }
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;
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;
2853
2783
  }
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;
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;
2858
2789
  }
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;
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;
2863
2793
  }
2864
- .ant-input-group-sm .ant-input,
2865
- .ant-input-group-sm > .ant-input-group-addon {
2866
- padding: 0px 7px;
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;
2867
2797
  }
2868
- .ant-input-group-lg .ant-select-single .ant-select-selector {
2869
- height: 40px;
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;
2870
2801
  }
2871
- .ant-input-group-sm .ant-select-single .ant-select-selector {
2872
- height: 24px;
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;
2873
2805
  }
2874
- .ant-input-group .ant-input-affix-wrapper:not(:first-child) {
2875
- border-top-left-radius: 0;
2876
- border-bottom-left-radius: 0;
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;
2877
2811
  }
2878
- .ant-input-group .ant-input-affix-wrapper:not(:last-child) {
2879
- border-top-right-radius: 0;
2880
- border-bottom-right-radius: 0;
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;
2881
2815
  }
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;
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;
2885
2819
  }
2886
- .ant-input-group.ant-input-group-compact {
2887
- display: block;
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;
2888
2823
  }
2889
- .ant-input-group.ant-input-group-compact::before {
2890
- display: table;
2891
- content: '';
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;
2892
2827
  }
2893
- .ant-input-group.ant-input-group-compact::after {
2894
- display: table;
2895
- clear: both;
2896
- content: '';
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;
2897
2844
  }
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;
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;
2902
2857
  }
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;
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);
2907
2874
  }
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 {
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;
2911
2880
  z-index: 1;
2881
+ opacity: 0;
2882
+ -webkit-transition: opacity 0.3s;
2883
+ transition: opacity 0.3s;
2884
+ content: '';
2885
+ pointer-events: none;
2912
2886
  }
2913
- .ant-input-group.ant-input-group-compact > * {
2914
- display: inline-block;
2915
- float: none;
2916
- vertical-align: top;
2917
- border-radius: 0;
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;
2918
2897
  }
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;
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;
2923
2905
  }
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;
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;
2928
2911
  }
2929
- .ant-input-group.ant-input-group-compact > *:not(:last-child) {
2930
- margin-right: -1px;
2931
- border-right-width: 1px;
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;
2932
2918
  }
2933
- .ant-input-group.ant-input-group-compact .ant-input {
2934
- float: none;
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: '';
2935
2929
  }
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;
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);
2942
2941
  }
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;
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;
2948
2945
  }
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;
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;
2951
+ }
2952
+ .ant-tabs-extra-content {
2953
+ -webkit-box-flex: 0;
2954
+ -ms-flex: none;
2955
+ flex: none;
2954
2956
  }
2955
- .ant-input-group.ant-input-group-compact > .ant-select-focused {
2956
- z-index: 1;
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;
2957
2962
  }
2958
- .ant-input-group.ant-input-group-compact > .ant-select > .ant-select-arrow {
2959
- z-index: 1;
2963
+ .ant-tabs-ink-bar {
2964
+ position: absolute;
2965
+ background: #1890ff;
2966
+ pointer-events: none;
2960
2967
  }
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;
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;
2967
2982
  }
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;
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;
2975
2988
  }
2976
- .ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input {
2977
- vertical-align: top;
2989
+ .ant-tabs-tab-btn {
2990
+ outline: none;
2991
+ -webkit-transition: all 0.3s;
2992
+ transition: all 0.3s;
2978
2993
  }
2979
- .ant-input-group.ant-input-group-compact .ant-input-group-wrapper + .ant-input-group-wrapper {
2980
- margin-left: -1px;
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;
2981
3008
  }
2982
- .ant-input-group.ant-input-group-compact .ant-input-group-wrapper + .ant-input-group-wrapper .ant-input-affix-wrapper {
2983
- border-radius: 0;
3009
+ .ant-tabs-tab-remove:hover {
3010
+ color: rgba(0, 0, 0, 0.85);
2984
3011
  }
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;
3012
+ .ant-tabs-tab:hover {
3013
+ color: #40a9ff;
2987
3014
  }
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;
3015
+ .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
3016
+ color: #1890ff;
3017
+ text-shadow: 0 0 0.25px currentColor;
2990
3018
  }
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;
3019
+ .ant-tabs-tab.ant-tabs-tab-disabled {
3020
+ color: rgba(0, 0, 0, 0.25);
3021
+ cursor: not-allowed;
2994
3022
  }
2995
- .ant-input-group-rtl .ant-input-group-addon:first-child {
2996
- border-right: 1px solid #d9d9d9;
2997
- border-left: 0;
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);
2998
3028
  }
2999
- .ant-input-group-rtl .ant-input-group-addon:last-child {
3000
- border-right: 0;
3001
- border-left: 1px solid #d9d9d9;
3029
+ .ant-tabs-tab .ant-tabs-tab-remove .anticon {
3030
+ margin: 0;
3002
3031
  }
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;
3032
+ .ant-tabs-tab .anticon {
3033
+ margin-right: 12px;
3006
3034
  }
3007
- .ant-input-group-rtl.ant-input-group .ant-input-affix-wrapper:not(:first-child) {
3008
- border-radius: 2px 0 0 2px;
3035
+ .ant-tabs-tab + .ant-tabs-tab {
3036
+ margin: 0 0 0 32px;
3009
3037
  }
3010
- .ant-input-group-rtl.ant-input-group .ant-input-affix-wrapper:not(:last-child) {
3011
- border-radius: 0 2px 2px 0;
3038
+ .ant-tabs-content {
3039
+ display: -webkit-box;
3040
+ display: -ms-flexbox;
3041
+ display: flex;
3042
+ width: 100%;
3012
3043
  }
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;
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;
3017
3050
  }
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;
3051
+ .ant-tabs-content-animated {
3052
+ -webkit-transition: margin 0.3s;
3053
+ transition: margin 0.3s;
3023
3054
  }
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;
3055
+ .ant-tabs-tabpane {
3056
+ -webkit-box-flex: 0;
3057
+ -ms-flex: none;
3058
+ flex: none;
3059
+ width: 100%;
3060
+ outline: none;
3031
3061
  }
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;
3062
+ .pandora-sdk-card .ant-card-head .ant-card-extra {
3063
+ padding: 0;
3035
3064
  }
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;
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);
3038
3078
  }
3039
- .ant-input-group-wrapper {
3079
+ .ant-divider-vertical {
3080
+ position: relative;
3081
+ top: -0.06em;
3040
3082
  display: inline-block;
3041
- width: 100%;
3042
- text-align: start;
3043
- vertical-align: top;
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);
3044
3088
  }
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;
3089
+ .ant-divider-horizontal {
3090
+ display: -webkit-box;
3091
+ display: -ms-flexbox;
3092
+ display: flex;
3093
+ clear: both;
3094
+ width: 100%;
3095
+ min-width: 100%;
3096
+ margin: 24px 0;
3050
3097
  }
3051
- .ant-input-password-icon:hover {
3098
+ .ant-divider-horizontal.ant-divider-with-text {
3099
+ display: -webkit-box;
3100
+ display: -ms-flexbox;
3101
+ display: flex;
3102
+ margin: 16px 0;
3052
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);
3053
3110
  }
3054
- .ant-input[type='color'] {
3055
- height: 32px;
3056
- }
3057
- .ant-input[type='color'].ant-input-lg {
3058
- height: 40px;
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: '';
3059
3122
  }
3060
- .ant-input[type='color'].ant-input-sm {
3061
- height: 24px;
3062
- padding-top: 3px;
3063
- padding-bottom: 3px;
3123
+ .ant-divider-horizontal.ant-divider-with-text-left::before {
3124
+ top: 50%;
3125
+ width: 5%;
3064
3126
  }
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;
3127
+ .ant-divider-horizontal.ant-divider-with-text-left::after {
3128
+ top: 50%;
3129
+ width: 95%;
3071
3130
  }
3072
- .ant-input-search .ant-input:hover,
3073
- .ant-input-search .ant-input:focus {
3074
- border-color: #40a9ff;
3131
+ .ant-divider-horizontal.ant-divider-with-text-right::before {
3132
+ top: 50%;
3133
+ width: 95%;
3075
3134
  }
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;
3135
+ .ant-divider-horizontal.ant-divider-with-text-right::after {
3136
+ top: 50%;
3137
+ width: 5%;
3079
3138
  }
3080
- .ant-input-search .ant-input-affix-wrapper {
3081
- border-radius: 0;
3139
+ .ant-divider-inner-text {
3140
+ display: inline-block;
3141
+ padding: 0 1em;
3082
3142
  }
3083
- .ant-input-search .ant-input-lg {
3084
- line-height: 1.5713;
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;
3085
3148
  }
3086
- .ant-input-search > .ant-input-group > .ant-input-group-addon:last-child {
3087
- left: -1px;
3088
- padding: 0;
3089
- border: 0;
3149
+ .ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed {
3150
+ border-top: 0;
3090
3151
  }
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;
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;
3095
3155
  }
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);
3156
+ .ant-divider-vertical.ant-divider-dashed {
3157
+ border-width: 0 0 0 1px;
3098
3158
  }
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;
3159
+ .ant-divider-plain.ant-divider-with-text {
3160
+ color: rgba(0, 0, 0, 0.85);
3161
+ font-weight: normal;
3162
+ font-size: 14px;
3104
3163
  }
3105
- .ant-input-search-button {
3106
- height: 32px;
3164
+ .ant-divider-rtl {
3165
+ direction: rtl;
3107
3166
  }
3108
- .ant-input-search-button:hover,
3109
- .ant-input-search-button:focus {
3110
- z-index: 1;
3167
+ .ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-left::before {
3168
+ width: 95%;
3111
3169
  }
3112
- .ant-input-search-large .ant-input-search-button {
3113
- height: 40px;
3170
+ .ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-left::after {
3171
+ width: 5%;
3114
3172
  }
3115
- .ant-input-search-small .ant-input-search-button {
3116
- height: 24px;
3173
+ .ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-right::before {
3174
+ width: 5%;
3117
3175
  }
3118
- .ant-input-group-wrapper-rtl {
3119
- direction: rtl;
3176
+ .ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-right::after {
3177
+ width: 95%;
3120
3178
  }
3121
- .ant-input-group-rtl {
3122
- direction: rtl;
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
+ }
3123
3190
  }
3124
- .ant-input-affix-wrapper.ant-input-affix-wrapper-rtl > input.ant-input {
3125
- border: none;
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
+ }
3202
+ }
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;
3126
3219
  outline: none;
3220
+ cursor: pointer;
3127
3221
  }
3128
- .ant-input-affix-wrapper-rtl .ant-input-prefix {
3129
- margin: 0 0 0 4px;
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;
3130
3226
  }
3131
- .ant-input-affix-wrapper-rtl .ant-input-suffix {
3132
- margin: 0 4px 0 0;
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: '';
3133
3241
  }
3134
- .ant-input-textarea-rtl {
3135
- direction: rtl;
3242
+ .ant-checkbox:hover::after,
3243
+ .ant-checkbox-wrapper:hover .ant-checkbox::after {
3244
+ visibility: visible;
3136
3245
  }
3137
- .ant-input-textarea-rtl.ant-input-textarea-show-count::after {
3138
- text-align: left;
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;
3139
3260
  }
3140
- .ant-input-affix-wrapper-rtl .ant-input-clear-icon:last-child {
3141
- margin-right: 4px;
3142
- margin-left: 0;
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: ' ';
3143
3277
  }
3144
- .ant-input-affix-wrapper-rtl .ant-input-clear-icon {
3145
- right: auto;
3146
- left: 8px;
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;
3147
3289
  }
3148
- .ant-input-search-rtl {
3149
- direction: rtl;
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: ' ';
3150
3302
  }
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;
3303
+ .ant-checkbox-checked .ant-checkbox-inner {
3304
+ background-color: #1890ff;
3305
+ border-color: #1890ff;
3155
3306
  }
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;
3307
+ .ant-checkbox-disabled {
3308
+ cursor: not-allowed;
3159
3309
  }
3160
- .ant-input-search-rtl > .ant-input-group > .ant-input-group-addon {
3161
- right: -1px;
3162
- left: auto;
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;
3163
3314
  }
3164
- .ant-input-search-rtl > .ant-input-group > .ant-input-group-addon .ant-input-search-button {
3165
- border-radius: 2px 0 0 2px;
3315
+ .ant-checkbox-disabled .ant-checkbox-input {
3316
+ cursor: not-allowed;
3166
3317
  }
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
- }
3318
+ .ant-checkbox-disabled .ant-checkbox-inner {
3319
+ background-color: #f5f5f5;
3320
+ border-color: #d9d9d9 !important;
3180
3321
  }
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;
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;
3188
3327
  }
3189
- .pandora-sdk-check-transform-list .pandora-sdk-check-transform-divider {
3190
- height: auto;
3191
- margin-left: 40px;
3192
- margin-right: 40px;
3328
+ .ant-checkbox-disabled + span {
3329
+ color: rgba(0, 0, 0, 0.25);
3330
+ cursor: not-allowed;
3193
3331
  }
3194
- .pandora-sdk-check-transform {
3195
- -webkit-box-flex: 1;
3196
- -ms-flex: 1;
3197
- flex: 1;
3332
+ .ant-checkbox-disabled:hover::after,
3333
+ .ant-checkbox-wrapper:hover .ant-checkbox-disabled::after {
3334
+ visibility: hidden;
3335
+ }
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;
3198
3356
  }
3199
- .pandora-sdk-check-transform .pandora-sdk-check-transform-header {
3200
- margin-bottom: 10px;
3357
+ .ant-checkbox-wrapper::after {
3358
+ display: inline-block;
3359
+ width: 0;
3360
+ overflow: hidden;
3361
+ content: '\a0';
3201
3362
  }
3202
- .pandora-sdk-check-transform .pandora-sdk-check-transform-search {
3203
- width: 100%;
3204
- height: 40px;
3205
- margin-bottom: 10px;
3363
+ .ant-checkbox-wrapper.ant-checkbox-wrapper-disabled {
3364
+ cursor: not-allowed;
3206
3365
  }
3207
- .pandora-sdk-check-transform .pandora-sdk-check-transform-checkBox {
3208
- line-height: 40px;
3366
+ .ant-checkbox-wrapper + .ant-checkbox-wrapper {
3367
+ margin-left: 8px;
3209
3368
  }
3210
- .pandora-sdk-check-transform .pandora-sdk-check-transform-checkBox .pandora-sdk-check-transform-checkbox-group {
3211
- line-height: 40px;
3369
+ .ant-checkbox + span {
3370
+ padding-right: 8px;
3371
+ padding-left: 8px;
3212
3372
  }
3213
- .ant-card {
3373
+ .ant-checkbox-group {
3214
3374
  -webkit-box-sizing: border-box;
3215
3375
  box-sizing: border-box;
3216
3376
  margin: 0;
@@ -3222,985 +3382,825 @@ textarea.ant-input {
3222
3382
  list-style: none;
3223
3383
  -webkit-font-feature-settings: 'tnum';
3224
3384
  font-feature-settings: 'tnum';
3225
- position: relative;
3226
- background: #fff;
3227
- border-radius: 2px;
3385
+ display: inline-block;
3228
3386
  }
3229
- .ant-card-rtl {
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);
3415
+ }
3416
+ .ant-checkbox-rtl {
3230
3417
  direction: rtl;
3231
3418
  }
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;
3419
+ .ant-checkbox-group-rtl .ant-checkbox-group-item {
3420
+ margin-right: 0;
3421
+ margin-left: 8px;
3238
3422
  }
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);
3423
+ .ant-checkbox-group-rtl .ant-checkbox-group-item:last-child {
3424
+ margin-left: 0 !important;
3243
3425
  }
3244
- .ant-card-bordered {
3245
- border: 1px solid #f0f0f0;
3426
+ .ant-checkbox-group-rtl .ant-checkbox-group-item + .ant-checkbox-group-item {
3427
+ margin-left: 8px;
3246
3428
  }
3247
- .ant-card-head {
3248
- min-height: 48px;
3249
- margin-bottom: -1px;
3250
- padding: 0 24px;
3429
+ .ant-input-affix-wrapper {
3430
+ position: relative;
3431
+ display: inline-block;
3432
+ width: 100%;
3433
+ min-width: 0;
3434
+ padding: 4px 11px;
3251
3435
  color: rgba(0, 0, 0, 0.85);
3252
- font-weight: 500;
3253
- font-size: 16px;
3254
- background: transparent;
3255
- border-bottom: 1px solid #f0f0f0;
3256
- border-radius: 2px 2px 0 0;
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;
3257
3447
  }
3258
- .ant-card-head::before {
3259
- display: table;
3260
- content: '';
3448
+ .ant-input-affix-wrapper::-moz-placeholder {
3449
+ opacity: 1;
3261
3450
  }
3262
- .ant-card-head::after {
3263
- display: table;
3264
- clear: both;
3265
- content: '';
3451
+ .ant-input-affix-wrapper::-webkit-input-placeholder {
3452
+ color: #bfbfbf;
3266
3453
  }
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;
3454
+ .ant-input-affix-wrapper::-ms-input-placeholder {
3455
+ color: #bfbfbf;
3274
3456
  }
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;
3457
+ .ant-input-affix-wrapper::placeholder {
3458
+ color: #bfbfbf;
3459
+ }
3460
+ .ant-input-affix-wrapper:placeholder-shown {
3283
3461
  text-overflow: ellipsis;
3284
3462
  }
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;
3463
+ .ant-input-affix-wrapper:hover {
3464
+ border-color: #40a9ff;
3465
+ border-right-width: 1px !important;
3290
3466
  }
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;
3467
+ .ant-input-rtl .ant-input-affix-wrapper:hover {
3468
+ border-right-width: 0;
3469
+ border-left-width: 1px !important;
3297
3470
  }
3298
- .ant-card-head .ant-tabs-bar {
3299
- border-bottom: 1px solid #f0f0f0;
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);
3300
3478
  }
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;
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;
3308
3483
  }
3309
- .ant-card-rtl .ant-card-extra {
3310
- margin-right: auto;
3311
- margin-left: 0;
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;
3312
3489
  }
3313
- .ant-card-body {
3314
- padding: 24px;
3490
+ .ant-input-affix-wrapper-disabled:hover {
3491
+ border-color: #d9d9d9;
3492
+ border-right-width: 1px !important;
3315
3493
  }
3316
- .ant-card-body::before {
3317
- display: table;
3318
- content: '';
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;
3319
3499
  }
3320
- .ant-card-body::after {
3321
- display: table;
3322
- clear: both;
3323
- content: '';
3500
+ .ant-input-affix-wrapper[disabled]:hover {
3501
+ border-color: #d9d9d9;
3502
+ border-right-width: 1px !important;
3324
3503
  }
3325
- .ant-card-contain-grid:not(.ant-card-loading) .ant-card-body {
3326
- margin: -1px 0 0 -1px;
3327
- padding: 0;
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;
3328
3514
  }
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;
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;
3523
+ }
3524
+ .ant-input-affix-wrapper-lg {
3525
+ padding: 6.5px 11px;
3526
+ font-size: 16px;
3527
+ }
3528
+ .ant-input-affix-wrapper-sm {
3529
+ padding: 0px 7px;
3339
3530
  }
3340
- .ant-card-rtl .ant-card-grid {
3341
- float: right;
3531
+ .ant-input-affix-wrapper-rtl {
3532
+ direction: rtl;
3342
3533
  }
3343
- .ant-card-grid-hoverable:hover {
3344
- position: relative;
3534
+ .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover {
3535
+ border-color: #40a9ff;
3536
+ border-right-width: 1px !important;
3345
3537
  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);
3348
- }
3349
- .ant-card-contain-tabs > .ant-card-head .ant-card-head-title {
3350
- min-height: 32px;
3351
- padding-bottom: 0;
3352
3538
  }
3353
- .ant-card-contain-tabs > .ant-card-head .ant-card-extra {
3354
- padding-bottom: 0;
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;
3355
3542
  }
3356
- .ant-card-bordered .ant-card-cover {
3357
- margin-top: -1px;
3358
- margin-right: -1px;
3359
- margin-left: -1px;
3543
+ .ant-input-search-with-button .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover {
3544
+ z-index: 0;
3360
3545
  }
3361
- .ant-card-cover > * {
3362
- display: block;
3363
- width: 100%;
3546
+ .ant-input-affix-wrapper-focused,
3547
+ .ant-input-affix-wrapper:focus {
3548
+ z-index: 1;
3364
3549
  }
3365
- .ant-card-cover img {
3366
- border-radius: 2px 2px 0 0;
3550
+ .ant-input-affix-wrapper-disabled .ant-input[disabled] {
3551
+ background: transparent;
3367
3552
  }
3368
- .ant-card-actions {
3369
- margin: 0;
3553
+ .ant-input-affix-wrapper > input.ant-input {
3370
3554
  padding: 0;
3371
- list-style: none;
3372
- background: #fff;
3373
- border-top: 1px solid #f0f0f0;
3555
+ border: none;
3556
+ outline: none;
3374
3557
  }
3375
- .ant-card-actions::before {
3376
- display: table;
3377
- content: '';
3558
+ .ant-input-affix-wrapper > input.ant-input:focus {
3559
+ -webkit-box-shadow: none;
3560
+ box-shadow: none;
3378
3561
  }
3379
- .ant-card-actions::after {
3380
- display: table;
3381
- clear: both;
3382
- content: '';
3562
+ .ant-input-affix-wrapper::before {
3563
+ width: 0;
3564
+ visibility: hidden;
3565
+ content: '\a0';
3383
3566
  }
3384
- .ant-card-actions > li {
3385
- float: left;
3386
- margin: 12px 0;
3387
- color: rgba(0, 0, 0, 0.45);
3388
- text-align: center;
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;
3389
3578
  }
3390
- .ant-card-rtl .ant-card-actions > li {
3391
- float: right;
3579
+ .ant-input-prefix {
3580
+ margin-right: 4px;
3392
3581
  }
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;
3399
- cursor: pointer;
3582
+ .ant-input-suffix {
3583
+ margin-left: 4px;
3400
3584
  }
3401
- .ant-card-actions > li > span:hover {
3402
- color: #1890ff;
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;
3590
+ cursor: pointer;
3403
3591
  -webkit-transition: color 0.3s;
3404
3592
  transition: color 0.3s;
3405
3593
  }
3406
- .ant-card-actions > li > span a:not(.ant-btn),
3407
- .ant-card-actions > li > span > .anticon {
3408
- display: inline-block;
3409
- width: 100%;
3594
+ .ant-input-clear-icon:hover {
3410
3595
  color: rgba(0, 0, 0, 0.45);
3411
- line-height: 22px;
3412
- -webkit-transition: color 0.3s;
3413
- transition: color 0.3s;
3414
3596
  }
3415
- .ant-card-actions > li > span a:not(.ant-btn):hover,
3416
- .ant-card-actions > li > span > .anticon:hover {
3417
- color: #1890ff;
3597
+ .ant-input-clear-icon:active {
3598
+ color: rgba(0, 0, 0, 0.85);
3418
3599
  }
3419
- .ant-card-actions > li > span > .anticon {
3420
- font-size: 16px;
3421
- line-height: 22px;
3600
+ .ant-input-clear-icon-hidden {
3601
+ visibility: hidden;
3422
3602
  }
3423
- .ant-card-actions > li:not(:last-child) {
3424
- border-right: 1px solid #f0f0f0;
3603
+ .ant-input-clear-icon:last-child {
3604
+ margin-right: 0;
3425
3605
  }
3426
- .ant-card-rtl .ant-card-actions > li:not(:last-child) {
3427
- border-right: none;
3428
- border-left: 1px solid #f0f0f0;
3606
+ .ant-input-affix-wrapper-textarea-with-clear-btn {
3607
+ padding: 0 !important;
3608
+ border: 0 !important;
3429
3609
  }
3430
- .ant-card-type-inner .ant-card-head {
3431
- padding: 0 24px;
3432
- background: #fafafa;
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;
3433
3615
  }
3434
- .ant-card-type-inner .ant-card-head-title {
3435
- padding: 12px 0;
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);
3436
3631
  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;
3437
3639
  }
3438
- .ant-card-type-inner .ant-card-body {
3439
- padding: 16px 24px;
3440
- }
3441
- .ant-card-type-inner .ant-card-extra {
3442
- padding: 13.5px 0;
3443
- }
3444
- .ant-card-meta {
3445
- margin: -4px 0;
3446
- }
3447
- .ant-card-meta::before {
3448
- display: table;
3449
- content: '';
3450
- }
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;
3640
+ .ant-input::-moz-placeholder {
3641
+ opacity: 1;
3459
3642
  }
3460
- .ant-card-rtl .ant-card-meta-avatar {
3461
- float: right;
3462
- padding-right: 0;
3463
- padding-left: 16px;
3643
+ .ant-input::-webkit-input-placeholder {
3644
+ color: #bfbfbf;
3464
3645
  }
3465
- .ant-card-meta-detail {
3466
- overflow: hidden;
3646
+ .ant-input::-ms-input-placeholder {
3647
+ color: #bfbfbf;
3467
3648
  }
3468
- .ant-card-meta-detail > div:not(:last-child) {
3469
- margin-bottom: 8px;
3649
+ .ant-input::placeholder {
3650
+ color: #bfbfbf;
3470
3651
  }
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;
3652
+ .ant-input:placeholder-shown {
3477
3653
  text-overflow: ellipsis;
3478
3654
  }
3479
- .ant-card-meta-description {
3480
- color: rgba(0, 0, 0, 0.45);
3481
- }
3482
- .ant-card-loading {
3483
- overflow: hidden;
3484
- }
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;
3490
- }
3491
- .ant-card-loading-content p {
3492
- margin: 0;
3655
+ .ant-input:hover {
3656
+ border-color: #40a9ff;
3657
+ border-right-width: 1px !important;
3493
3658
  }
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;
3659
+ .ant-input-rtl .ant-input:hover {
3660
+ border-right-width: 0;
3661
+ border-left-width: 1px !important;
3503
3662
  }
3504
- @-webkit-keyframes card-loading {
3505
- 0%,
3506
- 100% {
3507
- background-position: 0 50%;
3508
- }
3509
- 50% {
3510
- background-position: 100% 50%;
3511
- }
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);
3512
3670
  }
3513
- @keyframes card-loading {
3514
- 0%,
3515
- 100% {
3516
- background-position: 0 50%;
3517
- }
3518
- 50% {
3519
- background-position: 100% 50%;
3520
- }
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;
3521
3675
  }
3522
- .ant-card-small > .ant-card-head {
3523
- min-height: 36px;
3524
- padding: 0 12px;
3525
- font-size: 14px;
3676
+ .ant-input-disabled {
3677
+ color: rgba(0, 0, 0, 0.25);
3678
+ background-color: #f5f5f5;
3679
+ cursor: not-allowed;
3680
+ opacity: 1;
3526
3681
  }
3527
- .ant-card-small > .ant-card-head > .ant-card-head-wrapper > .ant-card-head-title {
3528
- padding: 8px 0;
3682
+ .ant-input-disabled:hover {
3683
+ border-color: #d9d9d9;
3684
+ border-right-width: 1px !important;
3529
3685
  }
3530
- .ant-card-small > .ant-card-head > .ant-card-head-wrapper > .ant-card-extra {
3531
- padding: 8px 0;
3532
- font-size: 14px;
3686
+ .ant-input[disabled] {
3687
+ color: rgba(0, 0, 0, 0.25);
3688
+ background-color: #f5f5f5;
3689
+ cursor: not-allowed;
3690
+ opacity: 1;
3533
3691
  }
3534
- .ant-card-small > .ant-card-body {
3535
- padding: 12px;
3692
+ .ant-input[disabled]:hover {
3693
+ border-color: #d9d9d9;
3694
+ border-right-width: 1px !important;
3536
3695
  }
3537
- .ant-tabs-small > .ant-tabs-nav .ant-tabs-tab {
3538
- padding: 8px 0;
3539
- font-size: 14px;
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;
3540
3706
  }
3541
- .ant-tabs-large > .ant-tabs-nav .ant-tabs-tab {
3542
- padding: 16px 0;
3543
- font-size: 16px;
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;
3544
3715
  }
3545
- .ant-tabs-card.ant-tabs-small > .ant-tabs-nav .ant-tabs-tab {
3546
- padding: 6px 16px;
3716
+ .ant-input-lg {
3717
+ padding: 6.5px 11px;
3718
+ font-size: 16px;
3547
3719
  }
3548
- .ant-tabs-card.ant-tabs-large > .ant-tabs-nav .ant-tabs-tab {
3549
- padding: 7px 16px 6px;
3720
+ .ant-input-sm {
3721
+ padding: 0px 7px;
3550
3722
  }
3551
- .ant-tabs-rtl {
3723
+ .ant-input-rtl {
3552
3724
  direction: rtl;
3553
3725
  }
3554
- .ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab {
3555
- margin: 0 0 0 32px;
3556
- }
3557
- .ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab:last-of-type {
3558
- margin-left: 0;
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;
3559
3743
  }
3560
- .ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .anticon {
3561
- margin-right: 0;
3562
- margin-left: 12px;
3744
+ .ant-input-group[class*='col-'] {
3745
+ float: none;
3746
+ padding-right: 0;
3747
+ padding-left: 0;
3563
3748
  }
3564
- .ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove {
3565
- margin-right: 8px;
3566
- margin-left: -4px;
3749
+ .ant-input-group > [class*='col-'] {
3750
+ padding-right: 8px;
3567
3751
  }
3568
- .ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove .anticon {
3569
- margin: 0;
3752
+ .ant-input-group > [class*='col-']:last-child {
3753
+ padding-right: 0;
3570
3754
  }
3571
- .ant-tabs-rtl.ant-tabs-left > .ant-tabs-nav {
3572
- -webkit-box-ordinal-group: 2;
3573
- -ms-flex-order: 1;
3574
- order: 1;
3755
+ .ant-input-group-addon,
3756
+ .ant-input-group-wrap,
3757
+ .ant-input-group > .ant-input {
3758
+ display: table-cell;
3575
3759
  }
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;
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;
3580
3764
  }
3581
- .ant-tabs-rtl.ant-tabs-right > .ant-tabs-nav {
3582
- -webkit-box-ordinal-group: 1;
3583
- -ms-flex-order: 0;
3584
- order: 0;
3765
+ .ant-input-group-addon,
3766
+ .ant-input-group-wrap {
3767
+ width: 1px;
3768
+ white-space: nowrap;
3769
+ vertical-align: middle;
3585
3770
  }
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;
3771
+ .ant-input-group-wrap > * {
3772
+ display: block !important;
3590
3773
  }
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;
3774
+ .ant-input-group .ant-input {
3775
+ float: left;
3776
+ width: 100%;
3777
+ margin-bottom: 0;
3778
+ text-align: inherit;
3597
3779
  }
3598
- .ant-tabs-dropdown-rtl {
3599
- direction: rtl;
3780
+ .ant-input-group .ant-input:focus {
3781
+ z-index: 1;
3782
+ border-right-width: 1px;
3600
3783
  }
3601
- .ant-tabs-dropdown-rtl .ant-tabs-dropdown-menu-item {
3602
- text-align: right;
3784
+ .ant-input-group .ant-input:hover {
3785
+ z-index: 1;
3786
+ border-right-width: 1px;
3603
3787
  }
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;
3788
+ .ant-input-search-with-button .ant-input-group .ant-input:hover {
3789
+ z-index: 0;
3610
3790
  }
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;
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;
3616
3803
  }
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: '';
3804
+ .ant-input-group-addon .ant-select {
3805
+ margin: -5px -11px;
3626
3806
  }
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;
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;
3632
3812
  }
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;
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;
3639
3816
  }
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;
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;
3651
3821
  }
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);
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;
3659
3826
  }
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);
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;
3667
3830
  }
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;
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;
3673
3834
  }
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;
3835
+ .ant-input-group-addon:first-child {
3836
+ border-right: 0;
3679
3837
  }
3680
- .ant-tabs-top > .ant-tabs-nav::before,
3681
- .ant-tabs-top > div > .ant-tabs-nav::before {
3682
- bottom: 0;
3838
+ .ant-input-group-addon:last-child {
3839
+ border-left: 0;
3683
3840
  }
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;
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;
3687
3845
  }
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;
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;
3695
3850
  }
3696
- .ant-tabs-bottom > .ant-tabs-nav::before,
3697
- .ant-tabs-bottom > div > .ant-tabs-nav::before {
3698
- top: 0;
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;
3699
3855
  }
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;
3856
+ .ant-input-group-sm .ant-input,
3857
+ .ant-input-group-sm > .ant-input-group-addon {
3858
+ padding: 0px 7px;
3703
3859
  }
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;
3860
+ .ant-input-group-lg .ant-select-single .ant-select-selector {
3861
+ height: 40px;
3709
3862
  }
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;
3863
+ .ant-input-group-sm .ant-select-single .ant-select-selector {
3864
+ height: 24px;
3719
3865
  }
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;
3866
+ .ant-input-group .ant-input-affix-wrapper:not(:first-child) {
3867
+ border-top-left-radius: 0;
3868
+ border-bottom-left-radius: 0;
3726
3869
  }
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;
3870
+ .ant-input-group .ant-input-affix-wrapper:not(:last-child) {
3871
+ border-top-right-radius: 0;
3872
+ border-bottom-right-radius: 0;
3732
3873
  }
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;
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;
3741
3877
  }
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;
3878
+ .ant-input-group.ant-input-group-compact {
3879
+ display: block;
3753
3880
  }
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);
3881
+ .ant-input-group.ant-input-group-compact::before {
3882
+ display: table;
3883
+ content: '';
3761
3884
  }
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);
3885
+ .ant-input-group.ant-input-group-compact::after {
3886
+ display: table;
3887
+ clear: both;
3888
+ content: '';
3769
3889
  }
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;
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;
3775
3894
  }
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;
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;
3781
3899
  }
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;
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;
3787
3904
  }
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;
3905
+ .ant-input-group.ant-input-group-compact > * {
3906
+ display: inline-block;
3907
+ float: none;
3908
+ vertical-align: top;
3909
+ border-radius: 0;
3794
3910
  }
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;
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;
3810
3915
  }
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;
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;
3814
3920
  }
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;
3921
+ .ant-input-group.ant-input-group-compact > *:not(:last-child) {
3922
+ margin-right: -1px;
3923
+ border-right-width: 1px;
3819
3924
  }
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;
3925
+ .ant-input-group.ant-input-group-compact .ant-input {
3926
+ float: none;
3823
3927
  }
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;
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;
3829
3934
  }
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;
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;
3833
3940
  }
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;
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;
3841
3946
  }
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;
3947
+ .ant-input-group.ant-input-group-compact > .ant-select-focused {
3948
+ z-index: 1;
3845
3949
  }
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;
3950
+ .ant-input-group.ant-input-group-compact > .ant-select > .ant-select-arrow {
3951
+ z-index: 1;
3952
+ }
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;
3863
3959
  }
3864
- .ant-tabs-dropdown-hidden {
3865
- display: none;
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;
3866
3967
  }
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);
3968
+ .ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input {
3969
+ vertical-align: top;
3881
3970
  }
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;
3971
+ .ant-input-group.ant-input-group-compact .ant-input-group-wrapper + .ant-input-group-wrapper {
3972
+ margin-left: -1px;
3896
3973
  }
3897
- .ant-tabs-dropdown-menu-item:hover {
3898
- background: #f5f5f5;
3974
+ .ant-input-group.ant-input-group-compact .ant-input-group-wrapper + .ant-input-group-wrapper .ant-input-affix-wrapper {
3975
+ border-radius: 0;
3899
3976
  }
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;
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;
3905
3979
  }
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);
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;
3914
3982
  }
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;
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;
3919
3986
  }
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;
3987
+ .ant-input-group-rtl .ant-input-group-addon:first-child {
3988
+ border-right: 1px solid #d9d9d9;
3989
+ border-left: 0;
3923
3990
  }
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;
3991
+ .ant-input-group-rtl .ant-input-group-addon:last-child {
3992
+ border-right: 0;
3993
+ border-left: 1px solid #d9d9d9;
3929
3994
  }
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;
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;
3933
3998
  }
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;
3999
+ .ant-input-group-rtl.ant-input-group .ant-input-affix-wrapper:not(:first-child) {
4000
+ border-radius: 2px 0 0 2px;
3937
4001
  }
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;
4002
+ .ant-input-group-rtl.ant-input-group .ant-input-affix-wrapper:not(:last-child) {
4003
+ border-radius: 0 2px 2px 0;
3941
4004
  }
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;
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;
3945
4009
  }
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;
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;
3951
4015
  }
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 {
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;
3954
4022
  border-radius: 2px 0 0 2px;
3955
4023
  }
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;
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;
3959
4027
  }
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 {
4028
+ .ant-input-group.ant-input-group-compact .ant-input-group-wrapper-rtl:not(:last-child).ant-input-search > .ant-input-group > .ant-input {
3962
4029
  border-radius: 0 2px 2px 0;
3963
4030
  }
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;
4031
+ .ant-input-group-wrapper {
4032
+ display: inline-block;
4033
+ width: 100%;
4034
+ text-align: start;
4035
+ vertical-align: top;
3967
4036
  }
3968
- .ant-tabs {
3969
- -webkit-box-sizing: border-box;
3970
- box-sizing: border-box;
3971
- margin: 0;
3972
- padding: 0;
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;
4042
+ }
4043
+ .ant-input-password-icon:hover {
3973
4044
  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;
3984
4045
  }
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;
4046
+ .ant-input[type='color'] {
4047
+ height: 32px;
3997
4048
  }
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;
4011
- white-space: nowrap;
4012
- -webkit-transform: translate(0);
4013
- transform: translate(0);
4049
+ .ant-input[type='color'].ant-input-lg {
4050
+ height: 40px;
4014
4051
  }
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: '';
4052
+ .ant-input[type='color'].ant-input-sm {
4053
+ height: 24px;
4054
+ padding-top: 3px;
4055
+ padding-bottom: 3px;
4056
+ }
4057
+ .ant-input-textarea-show-count::after {
4058
+ float: right;
4059
+ color: rgba(0, 0, 0, 0.45);
4060
+ white-space: nowrap;
4061
+ content: attr(data-count);
4025
4062
  pointer-events: none;
4026
4063
  }
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;
4064
+ .ant-input-search .ant-input:hover,
4065
+ .ant-input-search .ant-input:focus {
4066
+ border-color: #40a9ff;
4037
4067
  }
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;
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;
4045
4071
  }
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;
4072
+ .ant-input-search .ant-input-affix-wrapper {
4073
+ border-radius: 0;
4051
4074
  }
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;
4075
+ .ant-input-search .ant-input-lg {
4076
+ line-height: 1.5713;
4077
+ }
4078
+ .ant-input-search > .ant-input-group > .ant-input-group-addon:last-child {
4079
+ left: -1px;
4080
+ padding: 0;
4057
4081
  border: 0;
4058
4082
  }
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;
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;
4087
+ }
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);
4090
+ }
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;
4062
4093
  right: 0;
4063
4094
  bottom: 0;
4064
4095
  left: 0;
4065
- height: 5px;
4066
- -webkit-transform: translateY(100%);
4067
- transform: translateY(100%);
4068
- content: '';
4069
4096
  }
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);
4097
+ .ant-input-search-button {
4098
+ height: 32px;
4081
4099
  }
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;
4100
+ .ant-input-search-button:hover,
4101
+ .ant-input-search-button:focus {
4102
+ z-index: 1;
4085
4103
  }
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;
4104
+ .ant-input-search-large .ant-input-search-button {
4105
+ height: 40px;
4091
4106
  }
4092
- .ant-tabs-extra-content {
4093
- -webkit-box-flex: 0;
4094
- -ms-flex: none;
4095
- flex: none;
4107
+ .ant-input-search-small .ant-input-search-button {
4108
+ height: 24px;
4096
4109
  }
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;
4110
+ .ant-input-group-wrapper-rtl {
4111
+ direction: rtl;
4102
4112
  }
4103
- .ant-tabs-ink-bar {
4104
- position: absolute;
4105
- background: #1890ff;
4106
- pointer-events: none;
4113
+ .ant-input-group-rtl {
4114
+ direction: rtl;
4107
4115
  }
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;
4116
+ .ant-input-affix-wrapper.ant-input-affix-wrapper-rtl > input.ant-input {
4117
+ border: none;
4120
4118
  outline: none;
4121
- cursor: pointer;
4122
4119
  }
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;
4120
+ .ant-input-affix-wrapper-rtl .ant-input-prefix {
4121
+ margin: 0 0 0 4px;
4128
4122
  }
4129
- .ant-tabs-tab-btn {
4130
- outline: none;
4131
- -webkit-transition: all 0.3s;
4132
- transition: all 0.3s;
4123
+ .ant-input-affix-wrapper-rtl .ant-input-suffix {
4124
+ margin: 0 4px 0 0;
4133
4125
  }
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;
4126
+ .ant-input-textarea-rtl {
4127
+ direction: rtl;
4148
4128
  }
4149
- .ant-tabs-tab-remove:hover {
4150
- color: rgba(0, 0, 0, 0.85);
4129
+ .ant-input-textarea-rtl.ant-input-textarea-show-count::after {
4130
+ text-align: left;
4151
4131
  }
4152
- .ant-tabs-tab:hover {
4153
- color: #40a9ff;
4132
+ .ant-input-affix-wrapper-rtl .ant-input-clear-icon:last-child {
4133
+ margin-right: 4px;
4134
+ margin-left: 0;
4154
4135
  }
4155
- .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
4156
- color: #1890ff;
4157
- text-shadow: 0 0 0.25px currentColor;
4136
+ .ant-input-affix-wrapper-rtl .ant-input-clear-icon {
4137
+ right: auto;
4138
+ left: 8px;
4158
4139
  }
4159
- .ant-tabs-tab.ant-tabs-tab-disabled {
4160
- color: rgba(0, 0, 0, 0.25);
4161
- cursor: not-allowed;
4140
+ .ant-input-search-rtl {
4141
+ direction: rtl;
4162
4142
  }
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);
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;
4168
4147
  }
4169
- .ant-tabs-tab .ant-tabs-tab-remove .anticon {
4170
- margin: 0;
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;
4171
4151
  }
4172
- .ant-tabs-tab .anticon {
4173
- margin-right: 12px;
4152
+ .ant-input-search-rtl > .ant-input-group > .ant-input-group-addon {
4153
+ right: -1px;
4154
+ left: auto;
4174
4155
  }
4175
- .ant-tabs-tab + .ant-tabs-tab {
4176
- margin: 0 0 0 32px;
4156
+ .ant-input-search-rtl > .ant-input-group > .ant-input-group-addon .ant-input-search-button {
4157
+ border-radius: 2px 0 0 2px;
4177
4158
  }
4178
- .ant-tabs-content {
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
+ }
4172
+ }
4173
+ .pandora-sdk-check-transform-list {
4179
4174
  display: -webkit-box;
4180
4175
  display: -ms-flexbox;
4181
4176
  display: flex;
4182
- width: 100%;
4177
+ margin-top: 20px;
4178
+ padding-left: 5px;
4179
+ padding-right: 5px;
4183
4180
  }
4184
- .ant-tabs-content-holder {
4181
+ .pandora-sdk-check-transform-list .pandora-sdk-check-transform-divider {
4182
+ height: auto;
4183
+ margin-left: 40px;
4184
+ margin-right: 40px;
4185
+ }
4186
+ .pandora-sdk-check-transform {
4185
4187
  -webkit-box-flex: 1;
4186
- -ms-flex: auto;
4187
- flex: auto;
4188
- min-width: 0;
4189
- min-height: 0;
4188
+ -ms-flex: 1;
4189
+ flex: 1;
4190
4190
  }
4191
- .ant-tabs-content-animated {
4192
- -webkit-transition: margin 0.3s;
4193
- transition: margin 0.3s;
4191
+ .pandora-sdk-check-transform .pandora-sdk-check-transform-header {
4192
+ margin-bottom: 10px;
4194
4193
  }
4195
- .ant-tabs-tabpane {
4196
- -webkit-box-flex: 0;
4197
- -ms-flex: none;
4198
- flex: none;
4194
+ .pandora-sdk-check-transform .pandora-sdk-check-transform-search {
4199
4195
  width: 100%;
4200
- outline: none;
4196
+ height: 40px;
4197
+ margin-bottom: 10px;
4201
4198
  }
4202
- .pandora-sdk-card .ant-card-head .ant-card-extra {
4203
- padding: 0;
4199
+ .pandora-sdk-check-transform .pandora-sdk-check-transform-checkBox {
4200
+ line-height: 40px;
4201
+ }
4202
+ .pandora-sdk-check-transform .pandora-sdk-check-transform-checkBox .pandora-sdk-check-transform-checkbox-group {
4203
+ line-height: 40px;
4204
4204
  }
4205
4205
  .ant-checkbox-inner::after {
4206
4206
  left: 20%;
@@ -6158,6 +6158,15 @@ 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
+ }
6161
6170
  .ant-modal {
6162
6171
  -webkit-box-sizing: border-box;
6163
6172
  box-sizing: border-box;
@@ -6439,15 +6448,6 @@ textarea.ant-input-number {
6439
6448
  .pandora-sdk-modal .ant-modal-footer .ant-btn-primary {
6440
6449
  color: #d9d9d9;
6441
6450
  }
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,6 +11565,12 @@ 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
+ }
11568
11574
  .ant-row {
11569
11575
  display: -webkit-box;
11570
11576
  display: -ms-flexbox;
@@ -17454,12 +17460,6 @@ textarea.ant-pagination-options-quick-jumper input {
17454
17460
  .pandora-sdk-card-row-extra button {
17455
17461
  min-width: 80px;
17456
17462
  }
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,18 +19040,6 @@ _:-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
- }
19055
19043
  .pandora-sdk-transfer-list-body {
19056
19044
  height: 300px;
19057
19045
  overflow-y: scroll;
@@ -19068,6 +19056,18 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
19068
19056
  .pandora-sdk-transfer-list-body .pandora-sdk-transfer-mb10 {
19069
19057
  margin-bottom: 10px;
19070
19058
  }
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;