1 |
|
2 | .next-sr-only {
|
3 | position: absolute;
|
4 | width: 1px;
|
5 | height: 1px;
|
6 | padding: 0;
|
7 | overflow: hidden;
|
8 | clip: rect(0, 0, 0, 0);
|
9 | white-space: nowrap;
|
10 | border: 0;
|
11 | top: 0;
|
12 | margin: -1px; }
|
13 |
|
14 | .next-transfer {
|
15 | box-sizing: border-box;
|
16 | display: inline-block; }
|
17 | .next-transfer *,
|
18 | .next-transfer *:before,
|
19 | .next-transfer *:after {
|
20 | box-sizing: border-box; }
|
21 | .next-transfer-panel {
|
22 | display: inline-block;
|
23 | border: 1px solid #DCDEE3;
|
24 | border: var(--transfer-panel-border-width, 1px) var(--line-solid, solid) var(--transfer-panel-border-color, #DCDEE3);
|
25 | border-radius: 3px;
|
26 | border-radius: var(--transfer-panel-border-corner, 3px);
|
27 | background-color: #FFFFFF;
|
28 | background-color: var(--transfer-panel-background-color, #FFFFFF);
|
29 | vertical-align: middle; }
|
30 | .next-transfer-panel-header {
|
31 | padding: 8px 20px;
|
32 | padding: var(--transfer-panel-header-padding-top-bottom, 8px) var(--transfer-panel-header-padding-left-right, 20px);
|
33 | border-bottom: 1px solid #DCDEE3;
|
34 | border-bottom: var(--transfer-panel-border-width, 1px) var(--line-solid, solid) var(--transfer-panel-border-color, #DCDEE3);
|
35 | background-color: #F7F8FA;
|
36 | background-color: var(--transfer-panel-header-background-color, #F7F8FA);
|
37 | color: #333333;
|
38 | color: var(--transfer-panel-header-text-color, #333333);
|
39 | font-size: 12px;
|
40 | font-size: var(--transfer-panel-header-text-size, 12px); }
|
41 | .next-transfer-panel-search {
|
42 | padding: 0 4px;
|
43 | padding: 0 var(--transfer-panel-search-margin-left-right, 4px);
|
44 | margin-top: 8px;
|
45 | margin-top: var(--transfer-panel-search-margin-top, 8px);
|
46 | margin-bottom: 0px;
|
47 | margin-bottom: var(--transfer-panel-search-margin-bottom, 0px);
|
48 | width: 180px;
|
49 | width: var(--transfer-panel-list-width, 180px); }
|
50 | .next-transfer .next-transfer-panel-list {
|
51 | width: 180px;
|
52 | width: var(--transfer-panel-list-width, 180px);
|
53 |
|
54 | height: 160px;
|
55 | height: var(--transfer-panel-list-height, 160px);
|
56 | padding: 0;
|
57 | border: none;
|
58 | box-shadow: none;
|
59 | border-radius: 0;
|
60 | overflow-y: auto; }
|
61 | .next-transfer-panel-not-found-container {
|
62 | display: table;
|
63 | width: 100%;
|
64 | height: 100%; }
|
65 | .next-transfer-panel-not-found {
|
66 | display: table-cell;
|
67 | vertical-align: middle;
|
68 | text-align: center;
|
69 | color: #999999;
|
70 | color: var(--color-text1-2, #999999);
|
71 | font-size: 14px;
|
72 | font-size: var(--font-size-body-2, 14px); }
|
73 | .next-transfer-panel-item.next-focused {
|
74 | transition: background-color 100ms linear;
|
75 | transition: background-color var(--motion-duration-immediately, 100ms) var(--motion-linear, linear); }
|
76 | .next-transfer-panel-item:not(.next-disabled).next-simple:hover {
|
77 | color: #5584FF;
|
78 | color: var(--transfer-simple-panel-item-hover-text-color, #5584FF); }
|
79 | .next-transfer-panel-item.next-insert-before:before {
|
80 | position: absolute;
|
81 | top: 0;
|
82 | left: 0;
|
83 | content: '';
|
84 | width: 100%;
|
85 | border-top: 1px solid #5584FF;
|
86 | border-top: var(--line-1, 1px) solid var(--color-brand1-6, #5584FF); }
|
87 | .next-transfer-panel-item.next-insert-after:after {
|
88 | position: absolute;
|
89 | left: 0;
|
90 | bottom: 0;
|
91 | content: '';
|
92 | width: 100%;
|
93 | border-bottom: 1px solid #5584FF;
|
94 | border-bottom: var(--line-1, 1px) solid var(--color-brand1-6, #5584FF); }
|
95 | .next-transfer-panel-footer {
|
96 | position: relative;
|
97 | padding: 8px 20px;
|
98 | padding: var(--transfer-panel-footer-padding-top-bottom, 8px) var(--transfer-panel-footer-padding-left-right, 20px);
|
99 | border-top: 1px solid #DCDEE3;
|
100 | border-top: var(--transfer-panel-border-width, 1px) var(--line-solid, solid) var(--transfer-panel-border-color, #DCDEE3);
|
101 | background-color: #FFFFFF;
|
102 | background-color: var(--transfer-panel-footer-background-color, #FFFFFF);
|
103 | font-size: 0;
|
104 | box-shadow: none;
|
105 | box-shadow: var(--transfer-panel-footer-shadow, none); }
|
106 | .next-transfer-panel-count {
|
107 |
|
108 | margin-left: 4px;
|
109 | margin-left: var(--s-1, 4px);
|
110 | font-size: 12px;
|
111 | font-size: var(--font-size-body-1, 12px);
|
112 | vertical-align: middle;
|
113 | color: #333333;
|
114 | color: var(--transfer-panel-footer-text-color, #333333); }
|
115 | .next-transfer-panel-move-all {
|
116 | font-size: 12px;
|
117 | font-size: var(--font-size-body-1, 12px);
|
118 | color: #5584FF;
|
119 | color: var(--transfer-simple-panel-footer-text-color, #5584FF);
|
120 | cursor: pointer; }
|
121 | .next-transfer-panel-move-all.next-disabled {
|
122 | color: #CCCCCC;
|
123 | color: var(--color-text1-1, #CCCCCC);
|
124 | cursor: not-allowed; }
|
125 | .next-transfer-operations {
|
126 | display: inline-block;
|
127 | vertical-align: middle;
|
128 | margin: 0 20px;
|
129 | margin: 0 var(--transfer-operation-margin-left-right, 20px); }
|
130 | .next-transfer-move.next-icon {
|
131 | color: #C4C6CF;
|
132 | color: var(--transfer-simple-move-icon-color, #C4C6CF); }
|
133 | .next-transfer-move.next-icon::before {
|
134 | content: "";
|
135 | content: var(--transfer-simple-move-icon, ""); }
|
136 | .next-transfer-operation.next-btn {
|
137 | display: block; }
|
138 | .next-transfer-operation.next-btn + .next-transfer-operation.next-btn {
|
139 | margin-top: 8px;
|
140 | margin-top: var(--transfer-operation-margin-gutter, 8px); }
|
141 | .next-transfer-operation.next-btn .next-icon:before,
|
142 | .next-transfer-operation.next-btn .next-icon .next-icon-remote {
|
143 | width: 12px;
|
144 | width: var(--transfer-operation-icon-size, 12px);
|
145 | font-size: 12px;
|
146 | font-size: var(--transfer-operation-icon-size, 12px);
|
147 | line-height: inherit; }
|