@vortex-ui/env-puzzle 2.0.0-beta.4 → 2.0.0-beta.6

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.
@@ -0,0 +1,631 @@
1
+ .darkGreenFormItem .ant-modal-body {
2
+ padding: 0;
3
+ position: relative;
4
+ }
5
+ .darkGreenFormItem .ant-modal-body::after {
6
+ content: '';
7
+ position: absolute;
8
+ right: 0;
9
+ top: 0;
10
+ bottom: 0;
11
+ width: 1px;
12
+ background: #e5e9f2;
13
+ }
14
+ .darkGreenFormItem .ant-modal-body .vtx-form-layout {
15
+ position: relative;
16
+ padding: 0;
17
+ border-left: 1px solid #e5e9f2;
18
+ border-bottom: 1px solid #e5e9f2;
19
+ }
20
+ .darkGreenFormItem .ant-modal-body .vtx-form-layout > .vtx-form-layout {
21
+ border: none;
22
+ }
23
+ .darkGreenFormItem .ant-modal-body .vtx-form-layout > .vtx-form-pane:nth-child(1) {
24
+ border-top: 1px solid #e5e9f2;
25
+ }
26
+ .darkGreenFormItem .ant-modal-body .vtx-form-layout > .vtx-form-pane:nth-child(1) .vtx-form-pane-title {
27
+ padding-top: 16px;
28
+ }
29
+ .darkGreenFormItem .ant-modal-body .vtx-form-layout .vtx-form-item-col {
30
+ position: relative;
31
+ z-index: 9;
32
+ margin-bottom: 0;
33
+ border-right: 1px solid #e5e9f2;
34
+ border-top: 1px solid #e5e9f2;
35
+ min-height: 60px;
36
+ }
37
+ .darkGreenFormItem .ant-modal-body .vtx-form-layout .ant-col-8.vtx-form-item-col,
38
+ .darkGreenFormItem .ant-modal-body .vtx-form-layout .ant-col-12.vtx-form-item-col,
39
+ .darkGreenFormItem .ant-modal-body .vtx-form-layout .ant-col-24.vtx-form-item-col {
40
+ border-bottom: 1px solid #e5e9f2;
41
+ margin-bottom: -1px;
42
+ }
43
+ .darkGreenFormItem .ant-modal-body .vtx-form-layout .vtx-form-card {
44
+ border: none;
45
+ }
46
+ .darkGreenFormItem .ant-modal-body .vtx-form-layout .vtx-form-pane .ant-divider {
47
+ height: 0;
48
+ border: none;
49
+ }
50
+ .darkGreenFormItem .ant-modal-body .vtx-form-layout .ant-card:not(:nth-last-child(1)) .vtx-form-card-content {
51
+ border-bottom: 1px solid #e5e9f2;
52
+ }
53
+ .darkGreenFormItem .ant-modal-body .vtx-form-layout .vtx-form-card-content {
54
+ padding: 20px 0 0 0;
55
+ }
56
+ .darkGreenFormItem .ant-modal-body .vtx-form-layout .ant-card.vtx-form-card {
57
+ border-bottom: none;
58
+ }
59
+ .darkGreenFormItem .ant-modal-body .vtx-form-layout .ant-tabs-tabpane .ant-divider {
60
+ height: 0;
61
+ border: none;
62
+ }
63
+ .darkGreenFormItem .ant-modal-body .vtx-form-layout .ant-card-head {
64
+ background: #f2f2f2;
65
+ }
66
+ .darkGreenFormItem .ant-modal-body .vtx-form-layout .ant-card-head .ant-card-head-title {
67
+ font-weight: normal;
68
+ color: #333;
69
+ }
70
+ .darkGreenFormItem .ant-modal-body .vtx-form-layout .ant-card-head .ant-card-extra span {
71
+ color: #666;
72
+ }
73
+ .darkGreenFormItem .ant-modal-body .ant-form-item {
74
+ height: 100%;
75
+ margin-bottom: 0 !important;
76
+ margin-right: 0;
77
+ }
78
+ .darkGreenFormItem .ant-modal-body .ant-form-item .ant-form-item-row {
79
+ height: 100%;
80
+ -webkit-box-align: center;
81
+ -ms-flex-align: center;
82
+ align-items: center;
83
+ }
84
+ .darkGreenFormItem .ant-modal-body .ant-form-item .ant-form-item-control {
85
+ height: 100%;
86
+ background: #fff;
87
+ }
88
+ .darkGreenFormItem .ant-modal-body .ant-form-item .ant-form-item-control > *:only-child {
89
+ height: 100%;
90
+ }
91
+ .darkGreenFormItem .ant-modal-body .ant-form-item .ant-form-item-control .ant-form-item-control-input {
92
+ height: 100%;
93
+ }
94
+ .darkGreenFormItem .ant-modal-body .ant-form-item .ant-form-item-control .ant-form-item-explain {
95
+ position: absolute;
96
+ bottom: 0;
97
+ left: 5px;
98
+ right: 0;
99
+ }
100
+ .darkGreenFormItem .ant-modal-body .ant-form-item .ant-form-item-label {
101
+ background: #f2f2f2;
102
+ height: 100%;
103
+ min-height: 58px;
104
+ display: -webkit-box;
105
+ display: -ms-flexbox;
106
+ display: flex;
107
+ -webkit-box-align: center;
108
+ -ms-flex-align: center;
109
+ align-items: center;
110
+ -webkit-box-pack: end;
111
+ -ms-flex-pack: end;
112
+ justify-content: flex-end;
113
+ }
114
+ .darkGreenFormItem .ant-modal-body .ant-form-item .ant-form-item-control-input-content {
115
+ padding-top: 1px;
116
+ padding-bottom: 1px;
117
+ height: 100%;
118
+ display: -webkit-box;
119
+ display: -ms-flexbox;
120
+ display: flex;
121
+ -webkit-box-align: center;
122
+ -ms-flex-align: center;
123
+ align-items: center;
124
+ }
125
+ .darkGreenFormItem .ant-modal-body .ant-form-item .ant-form-item-control-input-content > *:nth-child(1):not(.ant-select):not(.vtx-multi-select):not(.vtx-select):not(.vtx-input-textarea):not(.env-tree-select) {
126
+ padding-left: 10px;
127
+ }
128
+ .darkGreenFormItem .ant-modal-body .ant-form-item .ant-form-item-control-input-content > .ant-select-disabled {
129
+ height: calc(100% + 2px);
130
+ position: relative;
131
+ }
132
+ .darkGreenFormItem .ant-modal-body .ant-form-item .ant-form-item-control-input-content > .ant-select-disabled .ant-select-selector {
133
+ border-radius: 0;
134
+ }
135
+ .darkGreenFormItem .ant-modal-body .ant-form-item .ant-form-item-control-input-content input,
136
+ .darkGreenFormItem .ant-modal-body .ant-form-item .ant-form-item-control-input-content textarea {
137
+ height: 100% !important;
138
+ border: none;
139
+ }
140
+ .darkGreenFormItem .ant-modal-body .ant-form-item .ant-checkbox input,
141
+ .darkGreenFormItem .ant-modal-body .ant-form-item .ant-radio input {
142
+ display: none;
143
+ }
144
+ .darkGreenFormItem .ant-modal-body .ant-form-item .vtx-multi-select {
145
+ height: 100%;
146
+ }
147
+ .darkGreenFormItem .ant-modal-body .ant-form-item .vtx-multi-select .ant-select {
148
+ height: 100%;
149
+ }
150
+ .darkGreenFormItem .ant-modal-body .ant-form-item .vtx-multi-select .ant-select .ant-select-selector {
151
+ height: 100%;
152
+ }
153
+ .darkGreenFormItem .ant-modal-body .ant-form-item .vtx-multi-select .ant-select-selector {
154
+ border: none;
155
+ border-right: 1px solid #e5e9f2;
156
+ }
157
+ .darkGreenFormItem .ant-modal-body .ant-form-item .vtx-multi-select .ant-btn {
158
+ height: 100%;
159
+ border: none;
160
+ }
161
+ .darkGreenFormItem .ant-modal-body .ant-form-item .vtx-input-textarea {
162
+ width: 100%;
163
+ height: 100%;
164
+ }
165
+ .darkGreenFormItem .ant-modal-body .ant-form-item input {
166
+ padding-left: 0;
167
+ min-height: 56px;
168
+ }
169
+ .darkGreenFormItem .ant-modal-body .ant-form-item textarea,
170
+ .darkGreenFormItem .ant-modal-body .ant-form-item .ant-input-number-disabled,
171
+ .darkGreenFormItem .ant-modal-body .ant-form-item .ant-input-affix-wrapper,
172
+ .darkGreenFormItem .ant-modal-body .ant-form-item .env-tree-select,
173
+ .darkGreenFormItem .ant-modal-body .ant-form-item .ant-select,
174
+ .darkGreenFormItem .ant-modal-body .ant-form-item .ant-input-number,
175
+ .darkGreenFormItem .ant-modal-body .ant-form-item .ant-picker {
176
+ height: 100%;
177
+ border: none;
178
+ }
179
+ .darkGreenFormItem .ant-modal-body .ant-form-item textarea .ant-input-number-input-wrap,
180
+ .darkGreenFormItem .ant-modal-body .ant-form-item .ant-input-number-disabled .ant-input-number-input-wrap,
181
+ .darkGreenFormItem .ant-modal-body .ant-form-item .ant-input-affix-wrapper .ant-input-number-input-wrap,
182
+ .darkGreenFormItem .ant-modal-body .ant-form-item .env-tree-select .ant-input-number-input-wrap,
183
+ .darkGreenFormItem .ant-modal-body .ant-form-item .ant-select .ant-input-number-input-wrap,
184
+ .darkGreenFormItem .ant-modal-body .ant-form-item .ant-input-number .ant-input-number-input-wrap,
185
+ .darkGreenFormItem .ant-modal-body .ant-form-item .ant-picker .ant-input-number-input-wrap {
186
+ height: 100%;
187
+ }
188
+ .darkGreenFormItem .ant-modal-body .ant-form-item .ant-select {
189
+ display: -webkit-box;
190
+ display: -ms-flexbox;
191
+ display: flex;
192
+ -webkit-box-align: center;
193
+ -ms-flex-align: center;
194
+ align-items: center;
195
+ }
196
+ .darkGreenFormItem .ant-modal-body .ant-form-item .ant-select .ant-select-selector {
197
+ height: 100%;
198
+ width: 100%;
199
+ border: none;
200
+ }
201
+ .darkGreenFormItem .ant-modal-body .ant-form-item .ant-select .ant-select-selector input {
202
+ height: 100%;
203
+ overflow: visible;
204
+ }
205
+ .darkGreenFormItem .ant-modal-body .ant-form-item .ant-select .ant-select-selection-placeholder,
206
+ .darkGreenFormItem .ant-modal-body .ant-form-item .ant-select .ant-select-selection-item {
207
+ height: 100%;
208
+ display: -webkit-box;
209
+ display: -ms-flexbox;
210
+ display: flex;
211
+ -webkit-box-align: center;
212
+ -ms-flex-align: center;
213
+ align-items: center;
214
+ }
215
+ .darkGreenFormItem .ant-modal-body .ant-form-item .ant-upload-picture-card-wrapper {
216
+ padding-top: 10px;
217
+ }
218
+ .darkGreenFormItem .ant-modal-body .ant-form-item .ant-select-focused,
219
+ .darkGreenFormItem .ant-modal-body .ant-form-item .ant-input-number-focused,
220
+ .darkGreenFormItem .ant-modal-body .ant-form-item .ant-input-affix-wrapper {
221
+ outline: none;
222
+ position: relative;
223
+ z-index: 199;
224
+ width: calc(100% - 1px);
225
+ }
226
+ .darkGreenFormItem .ant-modal-body .ant-form-item input:focus,
227
+ .darkGreenFormItem .ant-modal-body .ant-form-item textarea:focus {
228
+ outline: none;
229
+ position: relative;
230
+ z-index: 199;
231
+ width: calc(100% - 1px);
232
+ }
233
+ .darkGreenFormItem .ant-modal-body .ant-row {
234
+ width: 100%;
235
+ }
236
+ .darkGreenFormItem .ant-modal-body .vtx-form-pane-title {
237
+ padding-left: 24px;
238
+ margin-bottom: 0;
239
+ padding-bottom: 24px;
240
+ border-right: 1px solid #e5e9f2;
241
+ }
242
+ .darkGreenFormItem .ant-modal-body .ant-col:not(.ant-col-8):not(.ant-col-12):not(.ant-col-24):not(.ant-col-4).ant-form-item-label {
243
+ width: 150px;
244
+ }
245
+ .darkGreenFormItem .ant-modal-body .text-node {
246
+ -webkit-box-sizing: border-box;
247
+ box-sizing: border-box;
248
+ padding-left: 10px;
249
+ }
250
+ .darkGreenFormItem .ant-modal-body .ant-col:not(:nth-child(1)) .ant-row .ant-col.vtx-form-item-col {
251
+ border-top: none;
252
+ }
253
+ .darkGreenFormItem .ant-modal-body .ant-form-item-with-help {
254
+ margin-bottom: 0 !important;
255
+ }
256
+ .darkGreenFormItem .ant-tabs-nav-wrap {
257
+ background: #f7f8fa;
258
+ height: 42px;
259
+ }
260
+ .darkGreenFormItem .ant-tabs-nav-wrap .ant-tabs-tab-active {
261
+ background: #fff;
262
+ }
263
+ .darkGreenFormItem .ant-tabs-nav-wrap .ant-tabs-tab {
264
+ height: 42px;
265
+ padding-left: 18px !important;
266
+ padding-right: 18px !important;
267
+ margin-left: 0;
268
+ }
269
+ .darkGreenFormItem .ant-tabs-nav-wrap .ant-tabs-ink-bar.ant-tabs-ink-bar-animated {
270
+ top: 0;
271
+ }
272
+ .darkGreen .env-create-modal .ant-modal-body {
273
+ padding: 0;
274
+ position: relative;
275
+ }
276
+ .darkGreen .env-create-modal .ant-modal-body::after {
277
+ content: '';
278
+ position: absolute;
279
+ right: 0;
280
+ top: 0;
281
+ bottom: 0;
282
+ width: 1px;
283
+ background: #e5e9f2;
284
+ }
285
+ .darkGreen .env-create-modal .ant-modal-body .vtx-form-layout {
286
+ position: relative;
287
+ padding: 0;
288
+ border-left: 1px solid #e5e9f2;
289
+ border-bottom: 1px solid #e5e9f2;
290
+ }
291
+ .darkGreen .env-create-modal .ant-modal-body .vtx-form-layout > .vtx-form-layout {
292
+ border: none;
293
+ }
294
+ .darkGreen .env-create-modal .ant-modal-body .vtx-form-layout > .vtx-form-pane:nth-child(1) {
295
+ border-top: 1px solid #e5e9f2;
296
+ }
297
+ .darkGreen .env-create-modal .ant-modal-body .vtx-form-layout > .vtx-form-pane:nth-child(1) .vtx-form-pane-title {
298
+ padding-top: 16px;
299
+ }
300
+ .darkGreen .env-create-modal .ant-modal-body .vtx-form-layout .vtx-form-item-col {
301
+ position: relative;
302
+ z-index: 9;
303
+ margin-bottom: 0;
304
+ border-right: 1px solid #e5e9f2;
305
+ border-top: 1px solid #e5e9f2;
306
+ min-height: 60px;
307
+ }
308
+ .darkGreen .env-create-modal .ant-modal-body .vtx-form-layout .ant-col-8.vtx-form-item-col,
309
+ .darkGreen .env-create-modal .ant-modal-body .vtx-form-layout .ant-col-12.vtx-form-item-col,
310
+ .darkGreen .env-create-modal .ant-modal-body .vtx-form-layout .ant-col-24.vtx-form-item-col {
311
+ border-bottom: 1px solid #e5e9f2;
312
+ margin-bottom: -1px;
313
+ }
314
+ .darkGreen .env-create-modal .ant-modal-body .vtx-form-layout .vtx-form-card {
315
+ border: none;
316
+ }
317
+ .darkGreen .env-create-modal .ant-modal-body .vtx-form-layout .vtx-form-pane .ant-divider {
318
+ height: 0;
319
+ border: none;
320
+ }
321
+ .darkGreen .env-create-modal .ant-modal-body .vtx-form-layout .ant-card:not(:nth-last-child(1)) .vtx-form-card-content {
322
+ border-bottom: 1px solid #e5e9f2;
323
+ }
324
+ .darkGreen .env-create-modal .ant-modal-body .vtx-form-layout .vtx-form-card-content {
325
+ padding: 20px 0 0 0;
326
+ }
327
+ .darkGreen .env-create-modal .ant-modal-body .vtx-form-layout .ant-card.vtx-form-card {
328
+ border-bottom: none;
329
+ }
330
+ .darkGreen .env-create-modal .ant-modal-body .vtx-form-layout .ant-tabs-tabpane .ant-divider {
331
+ height: 0;
332
+ border: none;
333
+ }
334
+ .darkGreen .env-create-modal .ant-modal-body .vtx-form-layout .ant-card-head {
335
+ background: #f2f2f2;
336
+ }
337
+ .darkGreen .env-create-modal .ant-modal-body .vtx-form-layout .ant-card-head .ant-card-head-title {
338
+ font-weight: normal;
339
+ color: #333;
340
+ }
341
+ .darkGreen .env-create-modal .ant-modal-body .vtx-form-layout .ant-card-head .ant-card-extra span {
342
+ color: #666;
343
+ }
344
+ .darkGreen .env-create-modal .ant-modal-body .ant-form-item {
345
+ height: 100%;
346
+ margin-bottom: 0 !important;
347
+ margin-right: 0;
348
+ }
349
+ .darkGreen .env-create-modal .ant-modal-body .ant-form-item .ant-form-item-row {
350
+ height: 100%;
351
+ -webkit-box-align: center;
352
+ -ms-flex-align: center;
353
+ align-items: center;
354
+ }
355
+ .darkGreen .env-create-modal .ant-modal-body .ant-form-item .ant-form-item-control {
356
+ height: 100%;
357
+ background: #fff;
358
+ }
359
+ .darkGreen .env-create-modal .ant-modal-body .ant-form-item .ant-form-item-control > *:only-child {
360
+ height: 100%;
361
+ }
362
+ .darkGreen .env-create-modal .ant-modal-body .ant-form-item .ant-form-item-control .ant-form-item-control-input {
363
+ height: 100%;
364
+ }
365
+ .darkGreen .env-create-modal .ant-modal-body .ant-form-item .ant-form-item-control .ant-form-item-explain {
366
+ position: absolute;
367
+ bottom: 0;
368
+ left: 5px;
369
+ right: 0;
370
+ }
371
+ .darkGreen .env-create-modal .ant-modal-body .ant-form-item .ant-form-item-label {
372
+ background: #f2f2f2;
373
+ height: 100%;
374
+ min-height: 58px;
375
+ display: -webkit-box;
376
+ display: -ms-flexbox;
377
+ display: flex;
378
+ -webkit-box-align: center;
379
+ -ms-flex-align: center;
380
+ align-items: center;
381
+ -webkit-box-pack: end;
382
+ -ms-flex-pack: end;
383
+ justify-content: flex-end;
384
+ }
385
+ .darkGreen .env-create-modal .ant-modal-body .ant-form-item .ant-form-item-control-input-content {
386
+ padding-top: 1px;
387
+ padding-bottom: 1px;
388
+ height: 100%;
389
+ display: -webkit-box;
390
+ display: -ms-flexbox;
391
+ display: flex;
392
+ -webkit-box-align: center;
393
+ -ms-flex-align: center;
394
+ align-items: center;
395
+ }
396
+ .darkGreen .env-create-modal .ant-modal-body .ant-form-item .ant-form-item-control-input-content > *:nth-child(1):not(.ant-select):not(.vtx-multi-select):not(.vtx-select):not(.vtx-input-textarea):not(.env-tree-select) {
397
+ padding-left: 10px;
398
+ }
399
+ .darkGreen .env-create-modal .ant-modal-body .ant-form-item .ant-form-item-control-input-content > .ant-select-disabled {
400
+ height: calc(100% + 2px);
401
+ position: relative;
402
+ }
403
+ .darkGreen .env-create-modal .ant-modal-body .ant-form-item .ant-form-item-control-input-content > .ant-select-disabled .ant-select-selector {
404
+ border-radius: 0;
405
+ }
406
+ .darkGreen .env-create-modal .ant-modal-body .ant-form-item .ant-form-item-control-input-content input,
407
+ .darkGreen .env-create-modal .ant-modal-body .ant-form-item .ant-form-item-control-input-content textarea {
408
+ height: 100% !important;
409
+ border: none;
410
+ }
411
+ .darkGreen .env-create-modal .ant-modal-body .ant-form-item .ant-checkbox input,
412
+ .darkGreen .env-create-modal .ant-modal-body .ant-form-item .ant-radio input {
413
+ display: none;
414
+ }
415
+ .darkGreen .env-create-modal .ant-modal-body .ant-form-item .vtx-multi-select {
416
+ height: 100%;
417
+ }
418
+ .darkGreen .env-create-modal .ant-modal-body .ant-form-item .vtx-multi-select .ant-select {
419
+ height: 100%;
420
+ }
421
+ .darkGreen .env-create-modal .ant-modal-body .ant-form-item .vtx-multi-select .ant-select .ant-select-selector {
422
+ height: 100%;
423
+ }
424
+ .darkGreen .env-create-modal .ant-modal-body .ant-form-item .vtx-multi-select .ant-select-selector {
425
+ border: none;
426
+ border-right: 1px solid #e5e9f2;
427
+ }
428
+ .darkGreen .env-create-modal .ant-modal-body .ant-form-item .vtx-multi-select .ant-btn {
429
+ height: 100%;
430
+ border: none;
431
+ }
432
+ .darkGreen .env-create-modal .ant-modal-body .ant-form-item .vtx-input-textarea {
433
+ width: 100%;
434
+ height: 100%;
435
+ }
436
+ .darkGreen .env-create-modal .ant-modal-body .ant-form-item input {
437
+ padding-left: 0;
438
+ min-height: 56px;
439
+ }
440
+ .darkGreen .env-create-modal .ant-modal-body .ant-form-item textarea,
441
+ .darkGreen .env-create-modal .ant-modal-body .ant-form-item .ant-input-number-disabled,
442
+ .darkGreen .env-create-modal .ant-modal-body .ant-form-item .ant-input-affix-wrapper,
443
+ .darkGreen .env-create-modal .ant-modal-body .ant-form-item .env-tree-select,
444
+ .darkGreen .env-create-modal .ant-modal-body .ant-form-item .ant-select,
445
+ .darkGreen .env-create-modal .ant-modal-body .ant-form-item .ant-input-number,
446
+ .darkGreen .env-create-modal .ant-modal-body .ant-form-item .ant-picker {
447
+ height: 100%;
448
+ border: none;
449
+ }
450
+ .darkGreen .env-create-modal .ant-modal-body .ant-form-item textarea .ant-input-number-input-wrap,
451
+ .darkGreen .env-create-modal .ant-modal-body .ant-form-item .ant-input-number-disabled .ant-input-number-input-wrap,
452
+ .darkGreen .env-create-modal .ant-modal-body .ant-form-item .ant-input-affix-wrapper .ant-input-number-input-wrap,
453
+ .darkGreen .env-create-modal .ant-modal-body .ant-form-item .env-tree-select .ant-input-number-input-wrap,
454
+ .darkGreen .env-create-modal .ant-modal-body .ant-form-item .ant-select .ant-input-number-input-wrap,
455
+ .darkGreen .env-create-modal .ant-modal-body .ant-form-item .ant-input-number .ant-input-number-input-wrap,
456
+ .darkGreen .env-create-modal .ant-modal-body .ant-form-item .ant-picker .ant-input-number-input-wrap {
457
+ height: 100%;
458
+ }
459
+ .darkGreen .env-create-modal .ant-modal-body .ant-form-item .ant-select {
460
+ display: -webkit-box;
461
+ display: -ms-flexbox;
462
+ display: flex;
463
+ -webkit-box-align: center;
464
+ -ms-flex-align: center;
465
+ align-items: center;
466
+ }
467
+ .darkGreen .env-create-modal .ant-modal-body .ant-form-item .ant-select .ant-select-selector {
468
+ height: 100%;
469
+ width: 100%;
470
+ border: none;
471
+ }
472
+ .darkGreen .env-create-modal .ant-modal-body .ant-form-item .ant-select .ant-select-selector input {
473
+ height: 100%;
474
+ overflow: visible;
475
+ }
476
+ .darkGreen .env-create-modal .ant-modal-body .ant-form-item .ant-select .ant-select-selection-placeholder,
477
+ .darkGreen .env-create-modal .ant-modal-body .ant-form-item .ant-select .ant-select-selection-item {
478
+ height: 100%;
479
+ display: -webkit-box;
480
+ display: -ms-flexbox;
481
+ display: flex;
482
+ -webkit-box-align: center;
483
+ -ms-flex-align: center;
484
+ align-items: center;
485
+ }
486
+ .darkGreen .env-create-modal .ant-modal-body .ant-form-item .ant-upload-picture-card-wrapper {
487
+ padding-top: 10px;
488
+ }
489
+ .darkGreen .env-create-modal .ant-modal-body .ant-form-item .ant-select-focused,
490
+ .darkGreen .env-create-modal .ant-modal-body .ant-form-item .ant-input-number-focused,
491
+ .darkGreen .env-create-modal .ant-modal-body .ant-form-item .ant-input-affix-wrapper {
492
+ outline: none;
493
+ position: relative;
494
+ z-index: 199;
495
+ width: calc(100% - 1px);
496
+ }
497
+ .darkGreen .env-create-modal .ant-modal-body .ant-form-item input:focus,
498
+ .darkGreen .env-create-modal .ant-modal-body .ant-form-item textarea:focus {
499
+ outline: none;
500
+ position: relative;
501
+ z-index: 199;
502
+ width: calc(100% - 1px);
503
+ }
504
+ .darkGreen .env-create-modal .ant-modal-body .ant-row {
505
+ width: 100%;
506
+ }
507
+ .darkGreen .env-create-modal .ant-modal-body .vtx-form-pane-title {
508
+ padding-left: 24px;
509
+ margin-bottom: 0;
510
+ padding-bottom: 24px;
511
+ border-right: 1px solid #e5e9f2;
512
+ }
513
+ .darkGreen .env-create-modal .ant-modal-body .ant-col:not(.ant-col-8):not(.ant-col-12):not(.ant-col-24):not(.ant-col-4).ant-form-item-label {
514
+ width: 150px;
515
+ }
516
+ .darkGreen .env-create-modal .ant-modal-body .text-node {
517
+ -webkit-box-sizing: border-box;
518
+ box-sizing: border-box;
519
+ padding-left: 10px;
520
+ }
521
+ .darkGreen .env-create-modal .ant-modal-body .ant-col:not(:nth-child(1)) .ant-row .ant-col.vtx-form-item-col {
522
+ border-top: none;
523
+ }
524
+ .darkGreen .env-create-modal .ant-modal-body .ant-form-item-with-help {
525
+ margin-bottom: 0 !important;
526
+ }
527
+ .darkGreen .env-create-modal .ant-tabs-nav-wrap {
528
+ background: #f7f8fa;
529
+ height: 42px;
530
+ }
531
+ .darkGreen .env-create-modal .ant-tabs-nav-wrap .ant-tabs-tab-active {
532
+ background: #fff;
533
+ }
534
+ .darkGreen .env-create-modal .ant-tabs-nav-wrap .ant-tabs-tab {
535
+ height: 42px;
536
+ padding-left: 18px !important;
537
+ padding-right: 18px !important;
538
+ margin-left: 0;
539
+ }
540
+ .darkGreen .env-create-modal .ant-tabs-nav-wrap .ant-tabs-ink-bar.ant-tabs-ink-bar-animated {
541
+ top: 0;
542
+ }
543
+ .darkGreen .env-view-modal .ant-modal-body > .ant-row {
544
+ position: relative;
545
+ padding: 0;
546
+ }
547
+ .darkGreen .env-view-modal .ant-modal-body > .ant-row .left-border {
548
+ position: absolute;
549
+ left: 0;
550
+ top: 0;
551
+ bottom: 0;
552
+ width: 1px;
553
+ background: #e5e9f2;
554
+ }
555
+ .darkGreen .env-view-modal .ant-modal-body > .ant-row .right-border {
556
+ position: absolute;
557
+ right: 0;
558
+ top: 0;
559
+ bottom: 0;
560
+ width: 1px;
561
+ background: #e5e9f2;
562
+ }
563
+ .darkGreen .env-view-modal .ant-modal-body > .ant-row .top-border {
564
+ position: absolute;
565
+ right: 0;
566
+ left: 0;
567
+ top: 0;
568
+ height: 1px;
569
+ background: #e5e9f2;
570
+ }
571
+ .darkGreen .env-view-modal .ant-modal-body > .ant-row .bottom-border {
572
+ position: absolute;
573
+ right: 0;
574
+ left: 0;
575
+ bottom: 0;
576
+ height: 1px;
577
+ background: #e5e9f2;
578
+ }
579
+ .darkGreen .env-view-modal .env-view-modal-col {
580
+ position: relative;
581
+ background: #fff;
582
+ z-index: 9;
583
+ border-top: 1px solid #e5e9f2;
584
+ border-bottom: 1px solid #e5e9f2;
585
+ border-right: 1px solid #e5e9f2;
586
+ margin-bottom: -1px;
587
+ }
588
+ .darkGreen .env-view-modal .env-view-modal-col-label {
589
+ -webkit-box-sizing: border-box;
590
+ box-sizing: border-box;
591
+ padding-left: 0;
592
+ text-align: right;
593
+ -ms-flex-preferred-size: 100px;
594
+ flex-basis: 100px;
595
+ -ms-flex-negative: 0;
596
+ flex-shrink: 0;
597
+ width: 100px;
598
+ overflow: hidden;
599
+ text-overflow: ellipsis;
600
+ white-space: nowrap;
601
+ background: #f2f2f2;
602
+ height: 100%;
603
+ min-height: 58px;
604
+ display: -webkit-box;
605
+ display: -ms-flexbox;
606
+ display: flex;
607
+ -webkit-box-align: center;
608
+ -ms-flex-align: center;
609
+ align-items: center;
610
+ -webkit-box-pack: end;
611
+ -ms-flex-pack: end;
612
+ justify-content: flex-end;
613
+ }
614
+ .darkGreen .env-view-modal .env-view-modal-col-value {
615
+ padding-left: 10px;
616
+ display: -webkit-box;
617
+ display: -ms-flexbox;
618
+ display: flex;
619
+ -webkit-box-align: center;
620
+ -ms-flex-align: center;
621
+ align-items: center;
622
+ }
623
+ .darkGreen .env-view-modal .env-view-modal-col-value .ant-upload-picture-card-wrapper {
624
+ padding-top: 10px;
625
+ }
626
+ .darkGreen .env-view-modal .ant-divider-horizontal {
627
+ display: none;
628
+ }
629
+ .darkGreen .ant-upload-list-picture-card {
630
+ min-height: 112px;
631
+ }