1/*
2 * Reuse settings and mixins from Bootstrap
3 */
4
5.example > legend {
6  width: auto !important;
7  float: none !important;
8}
9
10.xhtml-output > pre {
11  white-space: pre-wrap;
12  word-wrap: break-word;
13}
14
15.tabwidget textarea {
16  border-top: 0;
17  border-top-left-radius: 0;
18  border-top-right-radius: 0;
19}
20
21/*
22 * Extend menu support to include sub menus
23 */
24
25.nav > li > .nav {
26  display: none;
27  margin-left: 2ex;
28}
29
30.nav > li.active .nav {
31  display: block;
32}
33
34/*
35 * Nav link cursor fix
36 */
37.nav-link {
38  cursor: pointer;
39}
40
41.vertical-slider {
42  transform: rotate(-90deg)
43}
44
45/*
46 * More dropdown-menu support
47 */
48
49.dropdown-menu .disabled a,
50.dropdown-menu .disabled a:hover {
51  color: #999999;
52  text-decoration: none;
53  cursor: default;
54  background-color: transparent;
55}
56
57.dropdown-menu .Wt-icon {
58  display: inline-block;
59  width: 16px;
60  height: 14px;
61  margin-right: 4px;
62  line-height: 14px;
63  vertical-align: text-top;
64  background-position: center left;
65  background-repeat: no-repeat;
66}
67
68.dropdown-menu .Wt-chkbox {
69  margin-right: 6px;
70  margin-left: 1px;
71}
72
73.dropdown-menu label.checkbox-inline {
74  padding-left: 0;
75}
76
77.dropdown-menu .Wt-padded {
78  padding-left: 39px;
79}
80
81.dropdown-menu li label {
82  display: inline;
83}
84
85/*
86 * Make label in any menu item inline
87 */
88
89.nav li label {
90  display: inline;
91}
92
93/*@media (min-width: 768px) {
94  .navbar .navbar-collapse {
95    display: block !important;
96  }
97}
98
99@media (max-width: 768px) {
100  .navbar-nav .open .dropdown-menu {
101    position: static !important;
102  }
103}*/
104
105.navbar .navbar-inner .container {
106  margin-right: 0;
107  margin-left: 0;
108}
109
110/*
111 * Less odd drop down menu support in navbar
112 */
113
114.navbar .nav > li.submenu > a:hover,
115.navbar .nav > li.submenu > a.active {
116  color: #555555;
117  text-decoration: none;
118  background-color: #e7e7e7;
119  -webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
120          box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
121}
122
123/*
124 * Fix submens in popup menus in navbar
125 */
126
127.navbar .nav > li > .dropdown-menu.submenu:before {
128  display: none;
129}
130
131.navbar .nav > li > .dropdown-menu.submenu:after {
132  display: none;
133}
134
135/*
136 * Show pointer even if anchor has no href
137 */
138
139.nav > li > a {
140  cursor: pointer;
141}
142
143/*
144 * Fix open drop down menu
145 */
146
147.navbar .nav li > .dropdown-toggle.active {
148  color: #555555;
149  background-color: #e5e5e5;
150}
151
152/*
153 * Dialog extensions
154 */
155
156.modal-dialog {
157  display: block;
158}
159
160.modal-dialog .movable .modal-header {
161  cursor: move;
162}
163
164.modal-dialog .modal-header h3 {
165  font-size: 18px;
166}
167
168.modal-dialog .modal-body .modal-footer {
169  margin: 0 -15px -15px;
170}
171
172.modal-dialog .modal-body .Wt-msgbox-icon {
173  display: block;
174  float: left;
175  width: 25px;
176  height: 35px;
177  margin: -5px 15px 0 0;
178}
179
180.modal-dialog .modal-body .Wt-msgbox-text {
181  overflow: auto;
182}
183
184/*
185 * Non-bootstrap widgets
186 */
187
188/*
189 * Resize handles
190 */
191
192.Wt-hrh2,
193.Wt-vsh2 {
194  cursor: row-resize;
195}
196
197.Wt-vrh2,
198.Wt-hsh2 {
199  cursor: col-resize;
200}
201
202.Wt-hrh2 {
203  background: url(../splitter-v.png) no-repeat 50% 50% #eeeeee;
204}
205
206.Wt-vrh2 {
207  background: url(../splitter-h.png) no-repeat 50% 50% #eeeeee;
208}
209
210.Wt-hsh2,
211.Wt-vsh2,
212.Wt-vrh2:hover,
213.Wt-hrh2:hover {
214  background-color: #999999;
215}
216
217/*
218 * WCalendar
219 */
220
221.Wt-cal table.d1 {
222  width: 170px;
223}
224
225.Wt-cal table.d3 {
226  width: 300px;
227}
228
229.Wt-cal table.dlong {
230  width: 560px;
231}
232
233.Wt-cal .Wt-cal-navbutton {
234  display: block;
235}
236
237.Wt-cal .Wt-cal-now {
238  background-color: lightgray;
239}
240
241.Wt-cal .days.d1 td {
242  width: 20px;
243}
244
245.Wt-cal .days.d3 td {
246  width: 35px;
247}
248
249.Wt-cal .days.dlong td {
250  width: 80px;
251}
252
253.Wt-cal td,
254.Wt-cal th,
255.Wt-cal td > div {
256  height: 28px;
257  text-align: center;
258  border-radius: 4px;
259}
260
261.Wt-cal tr:first-child th {
262  cursor: pointer;
263}
264
265.Wt-cal tr:first-child th:hover {
266  background: #eeeeee;
267}
268
269.Wt-cal tr:first-child th select {
270  width: 125px;
271  margin: 0;
272}
273
274.Wt-cal tr:first-child th input {
275  width: 60px;
276  margin: 0;
277}
278
279.Wt-cal .days td:hover {
280  cursor: pointer;
281  background: #eeeeee;
282}
283
284.Wt-cal .days td .Wt-cal-oom {
285  color: #999999;
286}
287
288.Wt-cal .days td .Wt-cal-oor {
289  color: #999999;
290}
291
292.Wt-cal .days td .Wt-cal-sel,
293.Wt-cal .days td .Wt-cal-sel:hover {
294  color: #fff;
295  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
296  background-color: var(--bs-primary);
297  background-image: var(--bs-gradient);
298  border-color: #0044cc #0044cc #002a80;
299  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
300}
301
302.Wt-cal .form-select {
303  display: inline-block !important;
304}
305
306.Wt-cal-year .form-control {
307  min-height:1.5em !important;
308  padding: 0 .2em !important;
309}
310
311/*
312 * WDateEdit
313 */
314.Wt-dateedit:not(.is-invalid):not(.is-valid) {
315  background-image: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16" fill="%236c757d"%3e%3cpath fill-rule="evenodd" d="M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1z"/%3e%3cpath d="M11 6.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1zm-3 0a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1zm-5 3a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1zm3 0a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1z"/%3e%3c/svg%3e') !important;
316  background-repeat: no-repeat !important;
317  background-position: right .73em center !important;
318  background-size: 1.125em 1.125em !important;
319}
320
321.Wt-dateedit.hover:not(.is-invalid):not(.is-valid) {
322  background-image: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16" fill="%23343a40"%3e%3cpath fill-rule="evenodd" d="M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1z"/%3e%3cpath d="M11 6.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1zm-3 0a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1zm-5 3a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1zm3 0a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1z"/%3e%3c/svg%3e') !important;
323  background-repeat: no-repeat !important;
324  background-position: right .73em center !important;
325  background-size: 1.125em 1.125em !important;
326  cursor: default;
327}
328
329.Wt-dateedit.is-invalid {
330  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23dc3545' viewBox='7 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"), url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="-10 0 16 16" fill="%236c757d"%3e%3cpath fill-rule="evenodd" d="M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1z"/%3e%3cpath d="M11 6.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1zm-3 0a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1zm-5 3a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1zm3 0a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1z"/%3e%3c/svg%3e') !important;
331  background-repeat: no-repeat !important;
332  background-position: right .5em center !important;
333  background-size: 3em 1.125em !important;
334}
335
336.Wt-dateedit.is-invalid.hover {
337  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23dc3545' viewBox='7 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"), url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="-10 0 16 16" fill="%23343a40"%3e%3cpath fill-rule="evenodd" d="M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1z"/%3e%3cpath d="M11 6.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1zm-3 0a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1zm-5 3a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1zm3 0a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1z"/%3e%3c/svg%3e') !important;
338  background-repeat: no-repeat !important;
339  background-position: right .5em center !important;
340  background-size: 3em 1.125em !important;
341  cursor: default;
342}
343
344.Wt-dateedit.is-valid {
345  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='4 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"), url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="-10 0 16 16" fill="%236c757d"%3e%3cpath fill-rule="evenodd" d="M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1z"/%3e%3cpath d="M11 6.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1zm-3 0a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1zm-5 3a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1zm3 0a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1z"/%3e%3c/svg%3e') !important;
346  background-repeat: no-repeat !important;
347  background-position: right .5em center !important;
348  background-size: 3em 1.125em !important;
349}
350
351.Wt-dateedit.is-valid.hover {
352  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='4 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"), url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="-10 0 16 16" fill="%23343a40"%3e%3cpath fill-rule="evenodd" d="M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1z"/%3e%3cpath d="M11 6.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1zm-3 0a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1zm-5 3a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1zm3 0a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1z"/%3e%3c/svg%3e') !important;
353  background-repeat: no-repeat !important;
354  background-position: right .5em center !important;
355  background-size: 3em 1.125em !important;
356  cursor: default;
357}
358
359.Wt-dateedit:active {
360  cursor: default;
361}
362
363.Wt-dateedit::-ms-clear {
364  display: none;
365}
366
367/*
368 * WTimeEdit
369 */
370.Wt-timeedit:not(.is-invalid) {
371  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 16 16' fill='%236c757d'%3e%3cpath fill-rule='evenodd' d='M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14zm8-7A8 8 0 1 1 0 8a8 8 0 0 1 16 0z'/%3e%3cpath fill-rule='evenodd' d='M7.5 3a.5.5 0 0 1 .5.5v5.21l3.248 1.856a.5.5 0 0 1-.496.868l-3.5-2A.5.5 0 0 1 7 9V3.5a.5.5 0 0 1 .5-.5z'/%3e%3c/svg%3e") !important;
372  background-repeat: no-repeat !important;
373  background-position: right .5em center !important;
374}
375
376.Wt-timeedit.hover:not(.is-invalid) {
377  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 16 16' fill='%23343a40'%3e%3cpath fill-rule='evenodd' d='M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14zm8-7A8 8 0 1 1 0 8a8 8 0 0 1 16 0z'/%3e%3cpath fill-rule='evenodd' d='M7.5 3a.5.5 0 0 1 .5.5v5.21l3.248 1.856a.5.5 0 0 1-.496.868l-3.5-2A.5.5 0 0 1 7 9V3.5a.5.5 0 0 1 .5-.5z'/%3e%3c/svg%3e") !important;
378  background-repeat: no-repeat !important;
379  background-position: right .5em center !important;
380  cursor: default;
381}
382
383.Wt-timeedit.is-invalid {
384  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23dc3545' viewBox='5 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-16 -1 18 18' fill='%236c757d'%3e%3cpath fill-rule='evenodd' d='M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14zm8-7A8 8 0 1 1 0 8a8 8 0 0 1 16 0z'/%3e%3cpath fill-rule='evenodd' d='M7.5 3a.5.5 0 0 1 .5.5v5.21l3.248 1.856a.5.5 0 0 1-.496.868l-3.5-2A.5.5 0 0 1 7 9V3.5a.5.5 0 0 1 .5-.5z'/%3e%3c/svg%3e") !important;
385  background-repeat: no-repeat !important;
386  background-position: right .5em center !important;
387  background-size: 3em 1.125em !important;
388}
389
390.Wt-timeedit.is-invalid.hover {
391  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23dc3545' viewBox='5 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-16 -1 18 18' fill='%23343a40'%3e%3cpath fill-rule='evenodd' d='M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14zm8-7A8 8 0 1 1 0 8a8 8 0 0 1 16 0z'/%3e%3cpath fill-rule='evenodd' d='M7.5 3a.5.5 0 0 1 .5.5v5.21l3.248 1.856a.5.5 0 0 1-.496.868l-3.5-2A.5.5 0 0 1 7 9V3.5a.5.5 0 0 1 .5-.5z'/%3e%3c/svg%3e") !important;
392  background-repeat: no-repeat !important;
393  background-position: right .5em center !important;
394  background-size: 3em 1.125em !important;
395  cursor: default;
396}
397
398.Wt-timeedit:hover {
399  cursor: default;
400}
401
402.Wt-timeedit:active {
403  cursor: default;
404}
405
406.Wt-timeedit::-ms-clear {
407  display: none;
408}
409
410/*
411 * WDatePicker
412 */
413
414.Wt-datepicker input {
415  display: inline;
416}
417
418.Wt-datepicker-icon {
419  opacity: 0.5;
420}
421
422.Wt-datepicker-icon:hover {
423  opacity: 0.8;
424}
425
426/*
427 * WProgressBar
428 */
429
430.progress {
431  position: relative;
432  width: 200px;
433  margin-bottom: 0;
434  vertical-align: middle;
435}
436
437.progress .bar-label {
438  position: absolute;
439  top: 0.1em;
440  left: 0;
441  width: 100%;
442  font-size: 0.8em;
443  text-align: center;
444}
445
446/*
447 * WPushButton
448 */
449
450.btn.with-label img,
451.list-group-item.with-label img {
452  padding-right: 10px;
453}
454
455/*
456 * WGoogleMap
457 */
458
459.Wt-googlemap img {
460  max-width: none;
461}
462
463/*
464 * WSpinBox
465 */
466
467.Wt-spinbox:not(.is-invalid) {
468  background-image: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" width="1.2em" height="1.2em" viewBox="-5 0 30 16"%3e%3cpath transform="translate(0, -10)" stroke="%236c757d" stroke-width="2" fill-rule="evenodd" d="M7.646 4.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 5.707l-5.646 5.647a.5.5 0 0 1-.708-.708l6-6z"/%3e%3cpath transform="translate(0, 10)" fill-rule="evenodd" stroke="%236c757d" stroke-width="2"  d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"/%3e%3c/svg%3e');
469  background-repeat: no-repeat !important;
470  background-position: right .5rem center !important;
471}
472
473.Wt-spinbox.is-valid {
474  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='2 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"), url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="-17 -6 8 29"%3e%3cpath transform="translate(0, -10)" stroke="%236c757d" stroke-width="2" fill-rule="evenodd" d="M7.646 4.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 5.707l-5.646 5.647a.5.5 0 0 1-.708-.708l6-6z"/%3e%3cpath transform="translate(0, 10)" fill-rule="evenodd" stroke="%236c757d" stroke-width="2"  d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"/%3e%3c/svg%3e');
475  background-repeat: no-repeat !important;
476  background-position: right .5rem center !important;
477  background-size: 3em 1.125em !important;
478}
479
480.Wt-spinbox.is-valid.up {
481  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='2 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"), url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="-17 -6 8 29"%3e%3cpath transform="translate(0, -10)" stroke="%23343a40" stroke-width="2" fill-rule="evenodd" d="M7.646 4.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 5.707l-5.646 5.647a.5.5 0 0 1-.708-.708l6-6z"/%3e%3cpath transform="translate(0, 10)" fill-rule="evenodd" stroke="%236c757d" stroke-width="2"  d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"/%3e%3c/svg%3e');
482  background-repeat: no-repeat !important;
483  background-position: right .5rem center !important;
484  background-size: 3em 1.125em !important;
485}
486
487.Wt-spinbox.is-valid.dn {
488  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='2 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"), url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="-17 -6 8 29"%3e%3cpath transform="translate(0, -10)" stroke="%236c757d" stroke-width="2" fill-rule="evenodd" d="M7.646 4.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 5.707l-5.646 5.647a.5.5 0 0 1-.708-.708l6-6z"/%3e%3cpath transform="translate(0, 10)" fill-rule="evenodd" stroke="%23343a40" stroke-width="2"  d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"/%3e%3c/svg%3e');
489  background-repeat: no-repeat !important;
490  background-position: right .5rem center !important;
491  background-size: 3em 1.125em !important;
492}
493
494.Wt-spinbox.is-invalid {
495  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23dc3545' viewBox='5 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"), url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="-17 -6 8 29"%3e%3cpath transform="translate(0, -10)" stroke="%236c757d" stroke-width="2" fill-rule="evenodd" d="M7.646 4.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 5.707l-5.646 5.647a.5.5 0 0 1-.708-.708l6-6z"/%3e%3cpath transform="translate(0, 10)" fill-rule="evenodd" stroke="%236c757d" stroke-width="2"  d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"/%3e%3c/svg%3e');
496  background-repeat: no-repeat !important;
497  background-position: right .5rem center !important;
498  background-size: 3em 1.125em !important;
499}
500
501
502.Wt-spinbox:not(.is-invalid):not(.is-valid).up {
503  background-image: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" width="1.2em" height="1.2em" viewBox="-5 0 30 16"%3e%3cpath transform="translate(0, -10)" stroke="%23343a40" stroke-width="2"  fill-rule="evenodd" d="M7.646 4.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 5.707l-5.646 5.647a.5.5 0 0 1-.708-.708l6-6z"/%3e%3cpath transform="translate(0, 10)" fill-rule="evenodd" stroke="%236c757d" stroke-width="2"  d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"/%3e%3c/svg%3e');
504  background-repeat: no-repeat;
505  background-position: right .5rem center;
506}
507
508.Wt-spinbox.is-invalid.up {
509  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23dc3545' viewBox='5 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"), url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="-17 -6 8 29"%3e%3cpath transform="translate(0, -10)" stroke="%23343a40" stroke-width="2" fill-rule="evenodd" d="M7.646 4.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 5.707l-5.646 5.647a.5.5 0 0 1-.708-.708l6-6z"/%3e%3cpath transform="translate(0, 10)" fill-rule="evenodd" stroke="%236c757d" stroke-width="2"  d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"/%3e%3c/svg%3e');
510  background-repeat: no-repeat !important;
511  background-position: right .5rem center !important;
512  background-size: 3em 1.125em !important;
513}
514
515.Wt-spinbox:not(.is-invalid):not(.is-valid).dn {
516  background-image: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" width="1.2em" height="1.2em" viewBox="-5 0 30 16"%3e%3cpath transform="translate(0, -10)" stroke="%236c757d" stroke-width="2"  fill-rule="evenodd" d="M7.646 4.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 5.707l-5.646 5.647a.5.5 0 0 1-.708-.708l6-6z"/%3e%3cpath transform="translate(0, 10)" fill-rule="evenodd" stroke="%23343a40" stroke-width="2"  d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"/%3e%3c/svg%3e');
517  background-repeat: no-repeat !important;
518  background-position: right .5rem center !important;
519}
520
521.Wt-spinbox.is-invalid.dn {
522  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23dc3545' viewBox='5 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"), url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg"  viewBox="-17 -6 8 29"%3e%3cpath transform="translate(0, -10)" stroke="%236c757d" stroke-width="2"  fill-rule="evenodd" d="M7.646 4.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 5.707l-5.646 5.647a.5.5 0 0 1-.708-.708l6-6z"/%3e%3cpath transform="translate(0, 10)" fill-rule="evenodd" stroke="%23343a40" stroke-width="2"  d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"/%3e%3c/svg%3e');
523  background-repeat: no-repeat !important;
524  background-position: right .5rem center !important;
525}
526
527.Wt-spinbox::-ms-clear {
528  display: none;
529}
530
531/*
532 * WSlider
533 */
534
535.Wt-slider-h .Wt-slider-bg {
536  margin: 0 5px;
537}
538
539.Wt-slider-h .Wt-w {
540  position: absolute;
541  top: 50%;
542  width: 100%;
543  height: .5em;
544  margin-top: -5px;
545  background-color: #dee2e6;
546  border-color: transparent;
547  border-radius: 1rem;
548}
549
550.Wt-slider-h .fill {
551  top: 50%;
552  height: 8px;
553  margin-top: -5px;
554  background: #428bca;
555  border: 1px solid #428bca;
556  border-radius: 4px;
557  display: none;
558}
559
560.Wt-slider-h .handle {
561  top: calc(50% - 0.55rem) !important;
562  margin-left: 2px;
563  width: 1rem !important;
564  height: 1rem !important;
565  background-color: var(--bs-blue);
566  border: 0;
567  border-radius: 1rem;
568}
569
570.Wt-slider-h .handle:focus {
571  box-shadow: 0 0 0 1px #fff, 0 0 0 .25rem rgba(13,110,253,.25);
572}
573
574.Wt-slider-h .handle:active,
575.open .dropdown-toggle.Wt-slider-h .handle {
576  opacity: 0.4;
577}
578
579.Wt-slider-h .handle.disabled,
580.Wt-slider-h .handle[disabled],
581fieldset[disabled] .Wt-slider-h .handle,
582.Wt-slider-h .handle.disabled:hover,
583.Wt-slider-h .handle[disabled]:hover,
584fieldset[disabled] .Wt-slider-h .handle:hover,
585.Wt-slider-h .handle.disabled:focus,
586.Wt-slider-h .handle[disabled]:focus,
587fieldset[disabled] .Wt-slider-h .handle:focus,
588.Wt-slider-h .handle.disabled:active,
589.Wt-slider-h .handle[disabled]:active,
590fieldset[disabled] .Wt-slider-h .handle:active {
591  background-color: #ffffff;
592  border-color: #cccccc;
593}
594
595.Wt-slider-v .Wt-slider-bg {
596  margin: 5px 0;
597}
598
599.Wt-slider-v .Wt-w {
600  position: absolute;
601  left: 50%;
602  width: .5em;
603  height: 100%;
604  margin-left: -5px;
605  background-color: #dee2e6;
606  border-color: transparent;
607  border-radius: 1rem;
608}
609
610.Wt-slider-v .fill {
611  bottom: 0;
612  left: 50%;
613  width: 8px;
614  margin-left: -5px;
615  background: #428bca;
616  border: 1px solid #428bca;
617  border-radius: 4px;
618  display: none;
619}
620
621.Wt-slider-v .handle {
622  left: calc(50% - 0.55rem) !important;
623  width: 1rem !important;
624  height: 1rem !important;
625  background-color: var(--bs-blue);
626  border: 0;
627  border-radius: 1rem;
628}
629
630/*.Wt-slider-v:focus .handle,*/
631.Wt-slider-v .handle:focus {
632  box-shadow: 0 0 0 1px #fff, 0 0 0 .25rem rgba(13,110,253,.25);
633}
634
635.Wt-slider-v .handle:active {
636  opacity: 0.4;
637}
638
639.Wt-slider-v .handle.disabled,
640.Wt-slider-v .handle[disabled],
641fieldset[disabled] .Wt-slider-v .handle,
642.Wt-slider-v .handle.disabled:hover,
643.Wt-slider-v .handle[disabled]:hover,
644fieldset[disabled] .Wt-slider-v .handle:hover,
645.Wt-slider-v .handle.disabled:focus,
646.Wt-slider-v .handle[disabled]:focus,
647fieldset[disabled] .Wt-slider-v .handle:focus,
648.Wt-slider-v .handle.disabled:active,
649.Wt-slider-v .handle[disabled]:active,
650fieldset[disabled] .Wt-slider-v .handle:active {
651  background-color: #ffffff;
652  border-color: #cccccc;
653}
654
655/*
656 * WSuggestionPopup icon!
657 */
658
659.Wt-suggest-dropdown {
660  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%236c757d' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
661  background-repeat: no-repeat;
662  background-position: right .75rem center;
663  background-size: 16px 12px;
664}
665
666.Wt-suggest-dropdown.Wt-suggest-dropdown-hover {
667  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
668}
669
670/*.dropdown-submenu > a {
671  background-image: url(../../../right-arrow.gif);
672  background-position: right center;
673  background-repeat: no-repeat;
674}*/
675
676.dropdown-menu.typeahead {
677  cursor: pointer;
678}
679
680/*
681 * WAbstractItemView (WTableView and WTreeView)
682 */
683
684.Wt-itemview {
685  white-space: nowrap;
686  cursor: default;
687  background: white;
688  border: 1px solid #dddddd;
689}
690
691.Wt-itemview.Wt-itemview-paged {
692  overflow: auto;
693}
694
695.Wt-itemview .Wt-spacer {
696  background: url(../../../loading.png);
697}
698
699.Wt-itemview .Wt-headerdiv {
700  width: 100%;
701  overflow: hidden;
702  -khtml-user-select: none;
703    -moz-user-select: none;
704         user-select: none;
705}
706
707.Wt-itemview .Wt-headerdiv,
708.Wt-itemview .Wt-headerdiv .Wt-tv-rowc,
709.Wt-itemview th {
710  font-weight: bold;
711}
712
713.Wt-itemview th,
714.Wt-itemview th .Wt-tv-br {
715  overflow: hidden;
716}
717
718.Wt-itemview .Wt-header .Wt-label {
719  height: 100%;
720  overflow: hidden;
721  font-weight: bold;
722  text-overflow: ellipsis;
723  white-space: nowrap;
724}
725
726.Wt-itemview .Wt-header .Wt-wwrap .Wt-label {
727  overflow: visible;
728  white-space: normal;
729}
730
731.Wt-itemview .Wt-tv-rh {
732  float: right;
733  width: 4px;
734  cursor: col-resize;
735}
736
737.Wt-itemview .Wt-tv-no-rh {
738  width: 0;
739  margin-left: 4px;
740  cursor: default;
741}
742
743.Wt-itemview .Wt-tv-sh {
744  float: right;
745  width: 16px;
746  height: 16px;
747  padding-bottom: 6px;
748  cursor: pointer;
749}
750
751.Wt-itemview .Wt-tv-rh:hover {
752  background-color: #999999;
753}
754
755.Wt-itemview .Wt-tv-sh-none {
756  background: url(../sort-arrow-none.gif) no-repeat 0 6px;
757}
758
759.Wt-itemview .Wt-tv-sh-up {
760  background: url(../sort-arrow-up.gif) no-repeat 0 6px;
761}
762
763.Wt-itemview .Wt-tv-sh-down {
764  background: url(../sort-arrow-down.gif) no-repeat 0 6px;
765}
766
767.Wt-itemview .active {
768  color: #ffffff;
769  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
770  cursor: default;
771  background-color: #428bca;
772}
773
774.Wt-itemview .Wt-drop-site {
775  background-color: #EEEEEE;
776  outline: 1px dotted black;
777}
778
779body.Wt-rtl .Wt-itemview .Wt-tv-rh,
780body.Wt-rtl .Wt-itemview .Wt-tv-sh {
781  float: left;
782}
783
784body.Wt-rtl .Wt-itemview .Wt-tv-no-rh {
785  margin-right: 4px;
786  margin-left: 0;
787}
788
789/*
790 * WTableView
791 */
792
793.Wt-tableview {
794  white-space: nowrap;
795  /* header */
796
797  /* borders */
798
799}
800
801.Wt-tableview .Wt-header .Wt-tv-c {
802  padding-left: 6px;
803  margin-left: 6px;
804  /*bootstrap 3 border box*/
805
806}
807
808.Wt-tableview .Wt-tv-contents {
809  background-color: #fff;
810}
811
812.Wt-tableview .Wt-tv-contents.Wt-striped div.Wt-tv-c:nth-child(odd) {
813  background-color: #f9f9f9;
814}
815
816.Wt-tableview .Wt-tv-contents.Wt-striped div.active:nth-child(odd) {
817  background-color: #428bca;
818}
819
820.Wt-tableview .Wt-tv-contents .Wt-tv-c,
821.Wt-tableview .Wt-plaintable td,
822.Wt-tableview .Wt-plaintable th {
823  padding: 0 3px;
824  overflow: hidden;
825  text-overflow: ellipsis;
826}
827
828.Wt-tableview .Wt-tv-contents img.icon,
829.Wt-tableview .Wt-plaintable img.icon,
830.Wt-tableview .Wt-tv-contents input.icon,
831.Wt-tableview .Wt-plaintable input.icon {
832  margin: 0 3px 2px 0;
833  vertical-align: middle;
834}
835
836.Wt-tableview .Wt-spacer {
837  position: relative;
838  overflow: hidden;
839}
840
841.Wt-tableview table {
842  background-position: left bottom;
843}
844
845.Wt-tableview th {
846  padding: 0;
847}
848
849.Wt-tableview .Wt-tv-br {
850  border-right: 1px solid #dddddd;
851}
852
853.Wt-tableview .Wt-plaintable .Wt-tv-br {
854  border-right: 0;
855}
856
857.Wt-tableview .Wt-tv-contents .Wt-tv-c,
858.Wt-tableview .Wt-plaintable td,
859.Wt-tableview .Wt-plaintable th {
860  border-right: 1px solid #dddddd;
861  border-bottom: 1px solid #dddddd;
862}
863
864.Wt-tableview .Wt-header {
865  border-bottom: 1px solid #dddddd;
866}
867
868body.Wt-rtl .Wt-tableview .Wt-header .Wt-tv-c {
869  padding-right: 6px;
870  padding-left: 0;
871  margin-right: 6px;
872  margin-left: 0;
873}
874
875body.Wt-rtl .Wt-tableview .Wt-tv-br {
876  border-right: 0;
877  border-left: 1px solid #dddddd;
878}
879
880body.Wt-rtl .Wt-tableview .Wt-tv-contents .Wt-tv-c,
881body.Wt-rtl .Wt-tableview .Wt-plaintable tbody .Wt-tv-c {
882  border-right: 0;
883  border-left: 1px solid #dddddd;
884}
885
886/*
887 * WTree(node)
888 */
889
890.Wt-tree {
891  cursor: default;
892}
893
894.Wt-tree ul {
895  padding-left: 20px;
896  margin: 0;
897  list-style: none;
898}
899
900.Wt-tree div.Wt-root {
901  display: none;
902}
903
904.Wt-tree ul.Wt-root {
905  padding-left: 0;
906}
907
908.Wt-tree.Wt-trunk,
909.Wt-tree .Wt-item.Wt-trunk {
910  background-image: url(../../../line-trunk.gif);
911  background-repeat: repeat-y;
912}
913
914.Wt-tree .Wt-item {
915  *zoom: 1;
916}
917
918.Wt-tree .Wt-item.Wt-end {
919  background-image: url(../../../line-last.gif);
920  background-position: 0 0;
921  background-repeat: no-repeat;
922}
923
924.Wt-tree .active {
925  color: #ffffff;
926  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
927  cursor: default;
928  background-color: #428bca;
929}
930
931.Wt-tree .Wt-ctrl {
932  display: block;
933  float: left;
934  width: 19px;
935  height: 19px;
936}
937
938.Wt-tree .Wt-ctrl.Wt-noexpand {
939  background: url(../../../line-middle.gif) no-repeat 0 0;
940}
941
942.Wt-tree .Wt-ctrl img {
943  vertical-align: top;
944}
945
946.Wt-tree .cols-row {
947  float: right;
948}
949
950.Wt-tree .Wt-label {
951  padding: 0 2px;
952  line-height: 150%;
953}
954
955body.Wt-rtl .Wt-tree ul {
956  padding-right: 20px;
957  padding-left: 0;
958  margin: 0;
959}
960
961body.Wt-rtl .Wt-tree ul.Wt-root {
962  padding-right: 0;
963}
964
965body.Wt-rtl .Wt-tree.Wt-trunk,
966body.Wt-rtl .Wt-tree .Wt-item.Wt-trunk {
967  background-position: top right;
968}
969
970body.Wt-rtl .Wt-tree .Wt-item.Wt-end {
971  background-image: url(../../../line-last-rtl.gif);
972  background-position: top right;
973}
974
975body.Wt-rtl .Wt-tree .Wt-ctrl {
976  float: right;
977}
978
979body.Wt-rtl .Wt-tree .Wt-ctrl.Wt-noexpand {
980  background-image: url(../../../line-middle-rtl.gif);
981  background-position: top right;
982}
983
984body.Wt-rtl .Wt-tree .cols-row {
985  float: left;
986}
987
988.Wt-treetable {
989  overflow: auto;
990}
991
992.Wt-treetable .Wt-header {
993  font-weight: bold;
994  line-height: 28px;
995  border-bottom: 1px solid transparent;
996}
997
998.Wt-sbspacer {
999  display: none;
1000  float: right;
1001  width: 16px;
1002  height: 1px;
1003  border: 0;
1004}
1005
1006body.Wt-rtl .Wt-sbspacer {
1007  float: left;
1008}
1009
1010/*
1011 * WTreeView
1012 */
1013
1014/* Layout styling */
1015
1016.Wt-treeview {
1017  /* nodes */
1018
1019}
1020
1021.Wt-treeview ul {
1022  padding-left: 20px;
1023  margin: 0;
1024  list-style: none;
1025}
1026
1027.Wt-treeview ul.Wt-tv-root {
1028  padding-left: 0;
1029}
1030
1031.Wt-treeview img.icon,
1032.Wt-treeview input.icon {
1033  margin: 0 3px 2px 0;
1034}
1035
1036.Wt-treeview .Wt-header {
1037  border-bottom: 1px solid #dddddd;
1038}
1039
1040.Wt-treeview .Wt-header .Wt-tv-c {
1041  padding: 0;
1042  margin-left: 7px;
1043}
1044
1045.Wt-treeview .Wt-tv-br,
1046.Wt-treeview ul .Wt-tv-c {
1047  /* data */
1048
1049  margin-right: 0;
1050  border-right: 1px solid #dddddd;
1051}
1052
1053.Wt-treeview button.Wt-tv-c {
1054  border-right-color: transparent;
1055  /* doesn't work */
1056
1057}
1058
1059.Wt-treeview .Wt-tv-c {
1060  padding: 0 3px;
1061  -webkit-box-sizing: content-box;
1062     -moz-box-sizing: content-box;
1063          box-sizing: content-box;
1064}
1065
1066.Wt-treeview .Wt-tv-row {
1067  float: right;
1068  overflow: hidden;
1069}
1070
1071.Wt-treeview .Wt-tv-row .Wt-tv-c {
1072  display: block;
1073  float: left;
1074  overflow: hidden;
1075  text-overflow: ellipsis;
1076  white-space: nowrap;
1077}
1078
1079.Wt-treeview img.icon,
1080.Wt-treeview input.icon {
1081  vertical-align: middle;
1082}
1083
1084.Wt-treeview .Wt-scroll {
1085  height: 22px;
1086  overflow: auto;
1087}
1088
1089.Wt-treeview .Wt-scroll div {
1090  height: 1px;
1091}
1092
1093.Wt-treeview .Wt-item {
1094  *zoom: 1;
1095}
1096
1097.Wt-treeview .Wt-trunk {
1098  background-image: url(../../../line-trunk.gif);
1099  background-repeat: repeat-y;
1100}
1101
1102.Wt-treeview .Wt-end {
1103  background-image: url(../../../tv-line-last.gif);
1104  background-position: 0 center;
1105  background-repeat: no-repeat;
1106}
1107
1108.Wt-treeview .Wt-ctrl {
1109  float: left;
1110  width: 19px;
1111}
1112
1113.Wt-treeview .Wt-ctrl.expand {
1114  background: url(nav-plus.gif) no-repeat 0 center;
1115}
1116
1117.Wt-treeview .Wt-ctrl.collapse {
1118  display: block;
1119  background: url(nav-minus.gif) no-repeat 0 center;
1120}
1121
1122.Wt-treeview .Wt-ctrl.noexpand {
1123  background: url(../../../line-middle.gif) no-repeat 0 center;
1124}
1125
1126body.Wt-rtl .Wt-treeview ul {
1127  padding-right: 20px;
1128  padding-left: 0;
1129}
1130
1131body.Wt-rtl .Wt-treeview ul.Wt-tv-root {
1132  padding-right: 0;
1133}
1134
1135body.Wt-rtl .Wt-treeview img.icon,
1136body.Wt-rtl .Wt-treeview input.icon {
1137  margin: 0 0 2px 3px;
1138}
1139
1140body.Wt-rtl .Wt-treeview .Wt-header .Wt-tv-c {
1141  margin-right: 7px;
1142  margin-left: 0;
1143}
1144
1145body.Wt-rtl .Wt-treeview .Wt-tv-br,
1146body.Wt-rtl .Wt-treeview ul .Wt-tv-c {
1147  margin-left: 0;
1148  border-right: 0;
1149  border-left: 1px solid #dddddd;
1150}
1151
1152body.Wt-rtl .Wt-treeview .Wt-tv-row {
1153  float: left;
1154}
1155
1156body.Wt-rtl .Wt-treeview .Wt-tv-row .Wt-tv-c {
1157  float: right;
1158}
1159
1160body.Wt-rtl .Wt-treeview .Wt-trunk {
1161  background-position: top right;
1162}
1163
1164body.Wt-rtl .Wt-treeview .Wt-end {
1165  background-image: url(../../../tv-line-last-rtl.gif);
1166  background-position: right center;
1167}
1168
1169body.Wt-rtl .Wt-treeview .Wt-ctrl {
1170  float: right;
1171}
1172
1173body.Wt-rtl .Wt-treeview .Wt-ctrl.expand {
1174  background-image: url(nav-plus-rtl.gif);
1175}
1176
1177body.Wt-rtl .Wt-treeview .Wt-ctrl.collapse {
1178  background-image: url(nav-minus-rtl.gif);
1179}
1180
1181body.Wt-rtl .Wt-treeview .Wt-ctrl.noexpand {
1182  background-image: url(../../../line-middle-rtl.gif);
1183}
1184
1185/*
1186 * WTreeView and WTableView default paging bar
1187 */
1188
1189.Wt-pagingbar {
1190  height: 35px;
1191  padding: 2px;
1192  line-height: 35px;
1193  text-align: center;
1194}
1195
1196.Wt-pagingbar span {
1197  margin: 0 4px;
1198}
1199
1200.Wt-pagingbar button {
1201  margin: 0 4px;
1202}
1203
1204/*
1205 * WStackedWidget
1206 */
1207
1208.Wt-stack.Wt-animated {
1209  position: relative;
1210  overflow: hidden;
1211}
1212
1213/*
1214 * WToolBar
1215 */
1216
1217.btn-toolbar * {
1218  font-size: 14px;
1219}
1220
1221/*
1222 * WCalendar
1223 */
1224
1225.Wt-calendar .form-control {
1226  display: initial;
1227}
1228
1229/*
1230 * WResizable
1231 */
1232
1233.modal-dialog.Wt-resizable .modal-content {
1234  background-attachment: scroll;
1235  background-image: url(../../../resizable.png);
1236  background-position: right bottom;
1237  background-repeat: no-repeat;
1238}
1239
1240.close {
1241  position: relative;
1242  z-index: 10;
1243  float: right;
1244  font-size: 23px;
1245  font-weight: bold;
1246  line-height: 1;
1247  color: #000;
1248  text-shadow: 0 1px 0 #fff;
1249  opacity: 0.2;
1250  cursor: pointer;
1251  margin-top: -.3em !important;
1252  margin-right: 0 !important;
1253}
1254
1255.close:hover {
1256  opacity: 0.7;
1257}
1258
1259/*
1260 * WFileDropWidget
1261 */
1262
1263.Wt-filedropzone {
1264  width: 200px;
1265  height: 200px;
1266  background-color: lightgrey;
1267  border: thick dashed grey;
1268}
1269
1270.Wt-filedropzone.Wt-dropzone-hover {
1271  border-color: green;
1272}
1273
1274.Wt-filedropzone.Wt-dropzone-hover * {
1275  pointer-events: none;
1276}
1277
1278.Wt-fileupload-hidden {
1279    display: none !important;
1280}
1281
1282.Wt-filedropzone.Wt-dropzone-dragstyle {
1283    position: relative;
1284    z-index: 20001;
1285}
1286
1287
1288.Wt-filedropzone.Wt-dropzone-indication {
1289    border-color: green;
1290}
1291
1292.Wt-dropcover {
1293    position: fixed;
1294    top: 0;
1295    left: 0;
1296    width: 100%;
1297    height: 100%;
1298    z-index: -100;
1299}
1300.Wt-dropcover.Wt-dropzone-dragstyle {
1301    z-index: 20000;
1302}
1303.Wt-icon {
1304    display: inline-block;
1305    margin-right: 8px;
1306    background-repeat: no-repeat;
1307    background-position: center left;
1308    width: 16px;
1309    height: 16px;
1310    line-height: 16px;
1311    vertical-align: text-top;
1312}
1313