2 * jQuery UI CSS Framework 1.12.1
5 * Copyright jQuery Foundation and other contributors
6 * Released under the MIT license.
7 * http://jquery.org/license
9 * http://api.jqueryui.com/category/theming/
11 .ui-draggable-handle {
12 -ms-touch-action: none
;
16 ----------------------------------*/
20 .ui-helper-hidden-accessible {
36 text-decoration: none
;
40 .ui-helper-clearfix:before
,
41 .ui-helper-clearfix:after {
44 border-collapse: collapse
;
46 .ui-helper-clearfix:after {
56 filter:Alpha
(Opacity
=0); /* support: IE8 */
65 ----------------------------------*/
67 cursor: default
!important
;
73 ----------------------------------*/
75 display: inline-block
;
76 vertical-align: middle
;
79 text-indent: -99999px;
81 background-repeat: no-repeat
;
84 .ui-widget-icon-block {
91 ----------------------------------*/
104 .ui-resizable-handle {
108 -ms-touch-action: none
;
111 .ui-resizable-disabled
.ui-resizable-handle
,
112 .ui-resizable-autohide .ui-resizable-handle {
172 -ms-touch-action: none
;
175 .ui-selectable-helper {
178 border: 1px dotted black
;
180 .ui-sortable-handle {
181 -ms-touch-action: none
;
184 .ui-accordion .ui-accordion-header {
189 padding: .5em .5em .5em .7em;
192 .ui-accordion .ui-accordion-content {
213 .ui-menu .ui-menu-item {
216 /* support: IE10, see #8844 */
217 list-style-image: url
("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
219 .ui-menu .ui-menu-item-wrapper {
221 padding: 3px 1em 3px .4em;
223 .ui-menu .ui-menu-divider {
228 border-width: 1px 0 0 0;
230 .ui-menu
.ui-state-focus
,
231 .ui-menu .ui-state-active {
239 .ui-menu-icons .ui-menu-item-wrapper {
253 .ui-menu .ui-menu-icon {
259 display: inline-block
;
264 vertical-align: middle
;
266 -webkit-user-select: none
;
267 -moz-user-select: none
;
268 -ms-user-select: none
;
271 /* Support: IE <= 11 */
280 text-decoration: none
;
283 /* to make room for the icon, a width needs to be set here */
284 .ui-button-icon-only {
286 box-sizing: border-box
;
287 text-indent: -9999px;
291 /* no icon support for input elements */
292 input
.ui-button
.ui-button-icon-only
{
296 /* button icon element(s) */
297 .ui-button-icon-only .ui-icon {
305 .ui-button.ui-icon-notext .ui-icon {
309 text-indent: -9999px;
314 input
.ui-button
.ui-icon-notext
.ui-icon
{
323 /* Support: Firefox 5 - 40 */
324 input
.ui-button::-moz-focus-inner
,
325 button
.ui-button::-moz-focus-inner
{
330 vertical-align: middle
;
331 display: inline-block
;
333 .ui-controlgroup > .ui-controlgroup-item {
338 .ui-controlgroup
> .ui-controlgroup-item:focus
,
339 .ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
342 .ui-controlgroup-vertical > .ui-controlgroup-item {
350 .ui-controlgroup-vertical .ui-controlgroup-item {
351 box-sizing: border-box
;
353 .ui-controlgroup .ui-controlgroup-label {
356 .ui-controlgroup .ui-controlgroup-label span {
359 .ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
362 .ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
365 .ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
368 .ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
372 /* Spinner specific style fixes */
373 .ui-controlgroup-vertical .ui-spinner-input {
375 /* Support: IE8 only, Android < 4.4 only */
377 width: calc
( 100% - 2.4em );
379 .ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
380 border-top-style: solid
;
383 .ui-checkboxradio-label .ui-icon-background {
384 box-shadow: inset
1px 1px 1px #ccc;
385 border-radius: .12em;
388 .ui-checkboxradio-radio-label .ui-icon-background {
395 .ui-checkboxradio-radio-label
.ui-checkboxradio-checked
.ui-icon
,
396 .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
397 background-image: none
;
403 .ui-checkboxradio-disabled {
404 pointer-events: none
;
408 padding: .2em .2em 0;
411 .ui-datepicker .ui-datepicker-header {
415 .ui-datepicker
.ui-datepicker-prev
,
416 .ui-datepicker .ui-datepicker-next {
422 .ui-datepicker
.ui-datepicker-prev-hover
,
423 .ui-datepicker .ui-datepicker-next-hover {
426 .ui-datepicker .ui-datepicker-prev {
429 .ui-datepicker .ui-datepicker-next {
432 .ui-datepicker .ui-datepicker-prev-hover {
435 .ui-datepicker .ui-datepicker-next-hover {
438 .ui-datepicker
.ui-datepicker-prev span
,
439 .ui-datepicker .ui-datepicker-next span {
447 .ui-datepicker .ui-datepicker-title {
452 .ui-datepicker .ui-datepicker-title select {
456 .ui-datepicker select
.ui-datepicker-month
,
457 .ui-datepicker select.ui-datepicker-year {
460 .ui-datepicker table {
463 border-collapse: collapse
;
476 .ui-datepicker td span
,
477 .ui-datepicker td a {
481 text-decoration: none
;
483 .ui-datepicker .ui-datepicker-buttonpane {
484 background-image: none
;
491 .ui-datepicker .ui-datepicker-buttonpane button {
493 margin: .5em .2em .4em;
495 padding: .2em .6em .3em .6em;
499 .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
503 /* with multiple calendars */
504 .ui-datepicker.ui-datepicker-multi {
507 .ui-datepicker-multi .ui-datepicker-group {
510 .ui-datepicker-multi .ui-datepicker-group table {
514 .ui-datepicker-multi-2 .ui-datepicker-group {
517 .ui-datepicker-multi-3 .ui-datepicker-group {
520 .ui-datepicker-multi-4 .ui-datepicker-group {
523 .ui-datepicker-multi
.ui-datepicker-group-last
.ui-datepicker-header
,
524 .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
525 border-left-width: 0;
527 .ui-datepicker-multi .ui-datepicker-buttonpane {
530 .ui-datepicker-row-break {
540 .ui-datepicker-rtl .ui-datepicker-prev {
544 .ui-datepicker-rtl .ui-datepicker-next {
548 .ui-datepicker-rtl .ui-datepicker-prev:hover {
552 .ui-datepicker-rtl .ui-datepicker-next:hover {
556 .ui-datepicker-rtl .ui-datepicker-buttonpane {
559 .ui-datepicker-rtl .ui-datepicker-buttonpane button {
562 .ui-datepicker-rtl
.ui-datepicker-buttonpane button
.ui-datepicker-current
,
563 .ui-datepicker-rtl .ui-datepicker-group {
566 .ui-datepicker-rtl
.ui-datepicker-group-last
.ui-datepicker-header
,
567 .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
568 border-right-width: 0;
569 border-left-width: 1px;
573 .ui-datepicker .ui-icon {
575 text-indent: -99999px;
577 background-repeat: no-repeat
;
588 .ui-dialog .ui-dialog-titlebar {
592 .ui-dialog .ui-dialog-title {
598 text-overflow: ellipsis
;
600 .ui-dialog .ui-dialog-titlebar-close {
609 .ui-dialog .ui-dialog-content {
616 .ui-dialog .ui-dialog-buttonpane {
618 border-width: 1px 0 0 0;
619 background-image: none
;
621 padding: .3em 1em .5em .4em;
623 .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
626 .ui-dialog .ui-dialog-buttonpane button {
627 margin: .5em .4em .5em 0;
630 .ui-dialog .ui-resizable-n {
634 .ui-dialog .ui-resizable-e {
638 .ui-dialog .ui-resizable-s {
642 .ui-dialog .ui-resizable-w {
646 .ui-dialog
.ui-resizable-se
,
647 .ui-dialog
.ui-resizable-sw
,
648 .ui-dialog
.ui-resizable-ne
,
649 .ui-dialog .ui-resizable-nw {
653 .ui-dialog .ui-resizable-se {
657 .ui-dialog .ui-resizable-sw {
661 .ui-dialog .ui-resizable-ne {
665 .ui-dialog .ui-resizable-nw {
669 .ui-draggable .ui-dialog-titlebar {
677 .ui-progressbar .ui-progressbar-value {
681 .ui-progressbar .ui-progressbar-overlay {
682 background: url
("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
684 filter: alpha
(opacity
=25); /* support: IE8 */
687 .ui-progressbar-indeterminate .ui-progressbar-value {
688 background-image: none
;
690 .ui-selectmenu-menu {
698 .ui-selectmenu-menu .ui-menu {
703 .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
712 .ui-selectmenu-open {
715 .ui-selectmenu-text {
719 text-overflow: ellipsis
;
721 .ui-selectmenu-button.ui-button {
726 .ui-selectmenu-icon.ui-icon {
734 .ui-slider .ui-slider-handle {
740 -ms-touch-action: none
;
743 .ui-slider .ui-slider-range {
749 background-position: 0 0;
752 /* support: IE8 - See #6727 */
753 .ui-slider
.ui-state-disabled
.ui-slider-handle
,
754 .ui-slider.ui-state-disabled .ui-slider-range {
758 .ui-slider-horizontal {
761 .ui-slider-horizontal .ui-slider-handle {
765 .ui-slider-horizontal .ui-slider-range {
769 .ui-slider-horizontal .ui-slider-range-min {
772 .ui-slider-horizontal .ui-slider-range-max {
776 .ui-slider-vertical {
780 .ui-slider-vertical .ui-slider-handle {
783 margin-bottom: -.6em;
785 .ui-slider-vertical .ui-slider-range {
789 .ui-slider-vertical .ui-slider-range-min {
792 .ui-slider-vertical .ui-slider-range-max {
797 display: inline-block
;
800 vertical-align: middle
;
808 vertical-align: middle
;
825 /* more specificity required here to override default borders */
826 .ui-spinner a.ui-spinner-button {
827 border-top-style: none
;
828 border-bottom-style: none
;
829 border-right-style: none
;
838 position: relative
;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
841 .ui-tabs .ui-tabs-nav {
843 padding: .2em .2em 0;
845 .ui-tabs .ui-tabs-nav li {
850 margin: 1px .2em 0 0;
851 border-bottom-width: 0;
855 .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
858 text-decoration: none
;
860 .ui-tabs .ui-tabs-nav li.ui-tabs-active {
864 .ui-tabs
.ui-tabs-nav li
.ui-tabs-active
.ui-tabs-anchor
,
865 .ui-tabs
.ui-tabs-nav li
.ui-state-disabled
.ui-tabs-anchor
,
866 .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
869 .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
872 .ui-tabs .ui-tabs-panel {