1 | .rbt .rbt-input-main::-ms-clear {
|
2 | display: none;
|
3 | }
|
4 |
|
5 |
|
6 |
|
7 |
|
8 | .rbt-menu {
|
9 | margin-bottom: 2px;
|
10 | }
|
11 |
|
12 | .rbt-menu > .dropdown-item {
|
13 | overflow: hidden;
|
14 | text-overflow: ellipsis;
|
15 | }
|
16 |
|
17 | .rbt-menu > .dropdown-item:focus {
|
18 | outline: none;
|
19 | }
|
20 |
|
21 | .rbt-menu-pagination-option {
|
22 | text-align: center;
|
23 | }
|
24 |
|
25 |
|
26 |
|
27 |
|
28 | .rbt-input-multi {
|
29 | cursor: text;
|
30 | overflow: hidden;
|
31 | position: relative;
|
32 | }
|
33 |
|
34 | .rbt-input-multi.focus {
|
35 | border-color: #80bdff;
|
36 | box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
|
37 | color: #495057;
|
38 | outline: 0;
|
39 | }
|
40 |
|
41 | .rbt-input-multi.form-control {
|
42 | height: auto;
|
43 | }
|
44 |
|
45 | .rbt-input-multi.form-control[disabled] {
|
46 | background-color: #e9ecef;
|
47 | opacity: 1;
|
48 | }
|
49 |
|
50 | .rbt-input-multi.is-invalid.focus {
|
51 | border-color: #dc3545;
|
52 | box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
|
53 | }
|
54 |
|
55 | .rbt-input-multi.is-valid.focus {
|
56 | border-color: #28a745;
|
57 | box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
|
58 | }
|
59 |
|
60 | .rbt-input-multi input::-moz-placeholder {
|
61 | color: #6c757d;
|
62 | opacity: 1;
|
63 | }
|
64 |
|
65 | .rbt-input-multi input:-ms-input-placeholder {
|
66 | color: #6c757d;
|
67 | }
|
68 |
|
69 | .rbt-input-multi input::-webkit-input-placeholder {
|
70 | color: #6c757d;
|
71 | }
|
72 |
|
73 | .rbt-input-multi .rbt-input-wrapper {
|
74 | align-items: flex-start;
|
75 | display: flex;
|
76 | flex-wrap: wrap;
|
77 | margin-bottom: -4px;
|
78 | margin-top: -1px;
|
79 | overflow: hidden;
|
80 | }
|
81 |
|
82 | .rbt-input-multi .rbt-input-main {
|
83 | margin: 1px 0 4px;
|
84 | }
|
85 |
|
86 |
|
87 |
|
88 |
|
89 | .rbt-close {
|
90 | z-index: 1;
|
91 | }
|
92 |
|
93 | .rbt-close-lg {
|
94 | font-size: 24px;
|
95 | }
|
96 |
|
97 |
|
98 |
|
99 |
|
100 | .rbt-token {
|
101 | background-color: #e7f4ff;
|
102 | border: 0;
|
103 | border-radius: .25rem;
|
104 | color: #007bff;
|
105 | display: inline-block;
|
106 | line-height: 1em;
|
107 | margin: 1px 3px 2px 0;
|
108 | padding: 4px 7px;
|
109 | position: relative;
|
110 | }
|
111 |
|
112 | .rbt-token-disabled {
|
113 | background-color: rgba(0, 0, 0, 0.1);
|
114 | color: #495057;
|
115 | pointer-events: none;
|
116 | }
|
117 |
|
118 | .rbt-token-removeable {
|
119 | cursor: pointer;
|
120 | padding-right: 21px;
|
121 | }
|
122 |
|
123 | .rbt-token-active {
|
124 | background-color: #007bff;
|
125 | color: #fff;
|
126 | outline: none;
|
127 | text-decoration: none;
|
128 | }
|
129 |
|
130 | .rbt-token .rbt-token-remove-button {
|
131 | bottom: 0;
|
132 | color: inherit;
|
133 | font-size: inherit;
|
134 | font-weight: normal;
|
135 | opacity: 1;
|
136 | outline: none;
|
137 | padding: 3px 7px;
|
138 | position: absolute;
|
139 | right: 0;
|
140 | text-shadow: none;
|
141 | top: -2px;
|
142 | }
|
143 |
|
144 |
|
145 |
|
146 |
|
147 | .rbt-aux {
|
148 | align-items: center;
|
149 | display: flex;
|
150 | bottom: 0;
|
151 | justify-content: center;
|
152 | pointer-events: none;
|
153 |
|
154 | position: absolute;
|
155 | right: 0;
|
156 | top: 0;
|
157 | width: 34px;
|
158 | }
|
159 |
|
160 | .rbt-aux-lg {
|
161 | width: 46px;
|
162 | }
|
163 |
|
164 | .rbt-aux .rbt-close {
|
165 | margin-top: -4px;
|
166 | pointer-events: auto;
|
167 |
|
168 | }
|
169 |
|
170 | .has-aux .rbt-input {
|
171 | padding-right: 34px;
|
172 | }
|
173 |
|
174 | .rbt-highlight-text {
|
175 | background-color: inherit;
|
176 | color: inherit;
|
177 | font-weight: bold;
|
178 | padding: 0;
|
179 | }
|
180 |
|
181 |
|
182 |
|
183 |
|
184 | .input-group > .rbt {
|
185 | flex: 1;
|
186 | }
|
187 |
|
188 | .input-group > .rbt .rbt-input-hint,
|
189 | .input-group > .rbt .rbt-aux {
|
190 | z-index: 5;
|
191 | }
|
192 |
|
193 | .input-group > .rbt:not(:first-child) .form-control {
|
194 | border-top-left-radius: 0;
|
195 | border-bottom-left-radius: 0;
|
196 | }
|
197 |
|
198 | .input-group > .rbt:not(:last-child) .form-control {
|
199 | border-top-right-radius: 0;
|
200 | border-bottom-right-radius: 0;
|
201 | }
|