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