PluginProbe
WANotifier for Forms and Actions / 2.6.3
WANotifier for Forms and Actions v2.6.3
3.1.1 3.1.0 3.0.4 2.7.10 2.7.11 2.7.12 2.7.13 2.7.2 2.7.3 2.7.4 2.7.5 2.7.6 2.7.7 2.7.8 2.7.9 3.0.0 3.0.1 3.0.2 3.0.3 trunk 0.1.0 0.1.1 1.0.0 1.0.1 1.0.2 All 67 releases
← All changes | assets/css/admin.css +525 -1673 0.1.02.6.3 View file →
@@ -1,1318 +1,115 @@
1 -.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{background-color:transparent;border:none;font-size:1em}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline;list-style:none;padding:0}.select2-container .select2-selection--multiple .select2-selection__clear{background-color:transparent;border:none;font-size:1em}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;margin-left:5px;padding:0;max-width:100%;resize:none;height:18px;vertical-align:bottom;font-family:sans-serif;overflow:hidden;word-break:keep-all}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none}.select2-results__option--selectable{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;height:26px;margin-right:20px;padding-right:0px}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;padding-bottom:5px;padding-right:5px;position:relative}.select2-container--default .select2-selection--multiple.select2-selection--clearable{padding-right:25px}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;font-weight:bold;height:20px;margin-right:10px;margin-top:5px;position:absolute;right:0;padding:1px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:inline-block;margin-left:5px;margin-top:5px;padding:0;padding-left:20px;position:relative;max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap}.select2-container--default .select2-selection--multiple .select2-selection__choice__display{cursor:default;padding-left:2px;padding-right:5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{background-color:transparent;border:none;border-right:1px solid #aaa;border-top-left-radius:4px;border-bottom-left-radius:4px;color:#999;cursor:pointer;font-size:1em;font-weight:bold;padding:0 4px;position:absolute;left:0;top:0}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus{background-color:#f1f1f1;color:#333;outline:none}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display{padding-left:5px;padding-right:2px}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{border-left:1px solid #aaa;border-right:none;border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__clear{float:left;margin-left:10px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--group{padding:0}.select2-container--default .select2-results__option--disabled{color:#999}.select2-container--default .select2-results__option--selected{background-color:#ddd}.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;height:26px;margin-right:20px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0;padding-bottom:5px;padding-right:5px}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;display:inline-block;margin-left:5px;margin-top:5px;padding:0}.select2-container--classic .select2-selection--multiple .select2-selection__choice__display{cursor:default;padding-left:2px;padding-right:5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{background-color:transparent;border:none;border-top-left-radius:4px;border-bottom-left-radius:4px;color:#888;cursor:pointer;font-size:1em;font-weight:bold;padding:0 4px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555;outline:none}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display{padding-left:5px;padding-right:2px}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option--group{padding:0}.select2-container--classic .select2-results__option--disabled{color:grey}.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb}
1 +.select2-container { box-sizing: border-box; display: inline-block; margin: 0; position: relative; vertical-align: middle; }
2 +.select2-container .select2-selection--single { box-sizing: border-box; cursor: pointer; display: block; height: 32px; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; }
3 +.select2-container .select2-selection--single .select2-selection__rendered { display: block; padding-left: 8px; padding-right: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
4 +.select2-container .select2-selection--single .select2-selection__clear { background-color: transparent; border: none; font-size: 1em; }
5 +.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered { padding-right: 8px; padding-left: 20px; }
6 +.select2-container .select2-selection--multiple { box-sizing: border-box; cursor: pointer; display: block; min-height: 32px; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; }
7 +.select2-container .select2-selection--multiple .select2-selection__rendered { display: inline; list-style: none; padding: 0; }
8 +.select2-container .select2-selection--multiple .select2-selection__clear { background-color: transparent; border: none; font-size: 1em; }
9 +.select2-container .select2-search--inline .select2-search__field { box-sizing: border-box; border: none; font-size: 100%; padding: 0; max-width: 100%; resize: none; height: 18px; vertical-align: top; font-family: sans-serif; overflow: hidden; word-break: keep-all; }
10 +.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; }
11 +.select2-dropdown { background-color: white; border: 1px solid #aaa; border-radius: 4px; box-sizing: border-box; display: block; position: absolute; left: -100000px; width: 100%; z-index: 1051; }
12 +.select2-results { display: block; }
13 +.select2-results__options { list-style: none; margin: 0; padding: 0; }
14 +.select2-results__option { padding: 8px; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; }
15 +.select2-results__option--selectable { cursor: pointer; }
16 +.select2-container--open .select2-dropdown { left: 0; }
17 +.select2-container--open .select2-dropdown--above { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
18 +.select2-container--open .select2-dropdown--below { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; }
19 +.select2-search--dropdown { display: block; padding: 4px; }
20 +.select2-search--dropdown .select2-search__field { padding: 4px; width: 100%; box-sizing: border-box; }
21 +.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; }
22 +.select2-search--dropdown.select2-search--hide { display: none; }
23 +.select2-close-mask { border: 0; margin: 0; padding: 0; display: block; position: fixed; left: 0; top: 0; min-height: 100%; min-width: 100%; height: auto; width: auto; opacity: 0; z-index: 99; background-color: #fff; filter: alpha(opacity=0); }
24 +.select2-hidden-accessible { border: 0 !important; clip: rect(0 0 0 0) !important; -webkit-clip-path: inset(50%) !important; clip-path: inset(50%) !important; height: 1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; white-space: nowrap !important; }
25 +.select2-container--default .select2-selection--single { background-color: #fff; border: 1px solid #aaa; border-radius: 4px; }
26 +.select2-container--default .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px; }
27 +.select2-container--default .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; height: 26px; margin-right: 20px; padding-right: 0; }
28 +.select2-container--default .select2-selection--single .select2-selection__placeholder { color: #999; }
29 +.select2-container--default .select2-selection--single .select2-selection__arrow { height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; }
30 +.select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; }
31 +.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; }
32 +.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow { left: 1px; right: auto; }
33 +.select2-container--default.select2-container--disabled .select2-selection--single { background-color: #eee; cursor: default; }
34 +.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear { display: none; }
35 +.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; }
36 +.select2-container--default .select2-selection--multiple { background-color: white; border: 1px solid #aaa; border-radius: 4px; cursor: text; padding: 8px 8px 0 8px; position: relative; }
37 +.select2-container--default .select2-selection--multiple.select2-selection--clearable { padding-right: 25px; }
38 +.select2-container--default .select2-selection--multiple .select2-selection__clear { cursor: pointer; font-weight: bold; height: 20px; margin-right: 10px; margin-top: 5px; position: absolute; right: 0; padding: 1px; }
39 +.select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; box-sizing: border-box; display: inline-block; margin-right: 8px; margin-bottom: 8px; padding: 0; padding-left: 20px; position: relative; max-width: 100%; overflow: hidden; text-overflow: ellipsis; vertical-align: bottom; white-space: nowrap; }
40 +.select2-container--default .select2-selection--multiple .select2-selection__choice__display { cursor: default; padding-left: 2px; padding-right: 5px; }
41 +.select2-container--default .select2-selection--multiple .select2-selection__choice__remove { background-color: transparent; border: none; border-right: 1px solid #aaa; border-top-left-radius: 4px; border-bottom-left-radius: 4px; color: #999; cursor: pointer; font-size: 1em; font-weight: bold; padding: 0 4px; position: absolute; left: 0; top: 0; }
2 42
3 -/*! jQuery UI - v1.12.1 - 2016-09-14
4 -* http://jqueryui.com
5 -* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
6 -* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px
7 -* Copyright jQuery Foundation and other contributors; Licensed MIT */
43 +.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,
44 +.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus { background-color: #f1f1f1; color: #333; outline: none; }
45 +.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto; }
46 +.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display { padding-left: 5px; padding-right: 2px; }
47 +.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { border-left: 1px solid #aaa; border-right: none; border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
48 +.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__clear { float: left; margin-left: 10px; margin-right: auto; }
49 +.select2-container--default.select2-container--focus .select2-selection--multiple { border: solid black 1px; outline: 0; }
50 +.select2-container--default.select2-container--disabled .select2-selection--multiple { background-color: #eee; cursor: default; }
51 +.select2-container--default.select2-container--disabled .select2-selection__choice__remove { display: none; }
8 52
9 -/* Layout helpers
10 -.ui-helper-hidden {
11 - display: none;
12 -}
13 -.ui-helper-hidden-accessible {
14 - border: 0;
15 - clip: rect(0 0 0 0);
16 - height: 1px;
17 - margin: -1px;
18 - overflow: hidden;
19 - padding: 0;
20 - position: absolute;
21 - width: 1px;
22 -}
23 -.ui-helper-reset {
24 - margin: 0;
25 - padding: 0;
26 - border: 0;
27 - outline: 0;
28 - line-height: 1.3;
29 - text-decoration: none;
30 - font-size: 100%;
31 - list-style: none;
32 -}
33 -.ui-helper-clearfix:before,
34 -.ui-helper-clearfix:after {
35 - content: "";
36 - display: table;
37 - border-collapse: collapse;
38 -}
39 -.ui-helper-clearfix:after {
40 - clear: both;
41 -}
42 -.ui-helper-zfix {
43 - width: 100%;
44 - height: 100%;
45 - top: 0;
46 - left: 0;
47 - position: absolute;
48 - opacity: 0;
49 - filter:Alpha(Opacity=0); /* support: IE8 */
50 -}
53 +.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
54 +.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple { border-top-left-radius: 0; border-top-right-radius: 0; }
51 55
52 -.ui-front {
53 - z-index: 100;
54 -}
56 +.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
57 +.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
58 +.select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; }
59 +.select2-container--default .select2-search--inline .select2-search__field { background: transparent; border: none; outline: 0; box-shadow: none; -webkit-appearance: textfield; line-height: normal; }
60 +.select2-container--default .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; }
61 +.select2-container--default .select2-results__option .select2-results__option { padding-left: 16px; }
62 +.select2-container--default .select2-results__option .select2-results__option .select2-results__group { padding-left: 0; }
63 +.select2-container--default .select2-results__option .select2-results__option .select2-results__option { margin-left: -1em; padding-left: 2em; }
64 +.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -2em; padding-left: 3em; }
65 +.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -3em; padding-left: 4em; }
66 +.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -4em; padding-left: 5em; }
67 +.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -5em; padding-left: 6em; }
68 +.select2-container--default .select2-results__option--group { padding: 0; }
69 +.select2-container--default .select2-results__option--disabled { color: #999; }
70 +.select2-container--default .select2-results__option--selected { background-color: rgb(34 113 177 / 20%); }
71 +.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable { background-color: #2271b1; color: white; }
72 +.select2-container--default .select2-results__group { cursor: default; display: block; padding: 6px 8px; background: #eee; }
73 +.select2-container--classic .select2-selection--single { background-color: #f7f7f7; border: 1px solid #aaa; border-radius: 4px; outline: 0; background-image: linear-gradient(to bottom, #fff 50%, #eee 100%); background-repeat: repeat-x; filter: progid:dximagetransform.microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }
74 +.select2-container--classic .select2-selection--single:focus { border: 1px solid #5897fb; }
75 +.select2-container--classic .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px; }
76 +.select2-container--classic .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; height: 26px; margin-right: 20px; }
77 +.select2-container--classic .select2-selection--single .select2-selection__placeholder { color: #999; }
78 +.select2-container--classic .select2-selection--single .select2-selection__arrow { background-color: #ddd; border: none; border-left: 1px solid #aaa; border-top-right-radius: 4px; border-bottom-right-radius: 4px; height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%); background-repeat: repeat-x; filter: progid:dximagetransform.microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); }
79 +.select2-container--classic .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; }
80 +.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; }
81 +.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow { border: none; border-right: 1px solid #aaa; border-radius: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; left: 1px; right: auto; }
82 +.select2-container--classic.select2-container--open .select2-selection--single { border: 1px solid #5897fb; }
83 +.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow { background: transparent; border: none; }
84 +.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; }
85 +.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; background-image: linear-gradient(to bottom, #fff 0%, #eee 50%); background-repeat: repeat-x; filter: progid:dximagetransform.microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }
86 +.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; background-image: linear-gradient(to bottom, #eee 50%, #fff 100%); background-repeat: repeat-x; filter: progid:dximagetransform.microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); }
87 +.select2-container--classic .select2-selection--multiple { background-color: white; border: 1px solid #aaa; border-radius: 4px; cursor: text; outline: 0; padding-bottom: 5px; padding-right: 5px; }
88 +.select2-container--classic .select2-selection--multiple:focus { border: 1px solid #5897fb; }
89 +.select2-container--classic .select2-selection--multiple .select2-selection__clear { display: none; }
90 +.select2-container--classic .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; display: inline-block; margin-left: 5px; margin-top: 5px; padding: 0; }
91 +.select2-container--classic .select2-selection--multiple .select2-selection__choice__display { cursor: default; padding-left: 2px; padding-right: 5px; }
92 +.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove { background-color: transparent; border: none; border-top-left-radius: 4px; border-bottom-left-radius: 4px; color: #888; cursor: pointer; font-size: 1em; font-weight: bold; padding: 0 4px; }
93 +.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover { color: #555; outline: none; }
94 +.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto; }
95 +.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display { padding-left: 5px; padding-right: 2px; }
96 +.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
97 +.select2-container--classic.select2-container--open .select2-selection--multiple { border: 1px solid #5897fb; }
98 +.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; }
99 +.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
100 +.select2-container--classic .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; outline: 0; }
101 +.select2-container--classic .select2-search--inline .select2-search__field { outline: 0; box-shadow: none; }
102 +.select2-container--classic .select2-dropdown { background-color: #fff; border: 1px solid transparent; }
103 +.select2-container--classic .select2-dropdown--above { border-bottom: none; }
104 +.select2-container--classic .select2-dropdown--below { border-top: none; }
105 +.select2-container--classic .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; }
106 +.select2-container--classic .select2-results__option--group { padding: 0; }
107 +.select2-container--classic .select2-results__option--disabled { color: grey; }
108 +.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable { background-color: #3875d7; color: #fff; }
109 +.select2-container--classic .select2-results__group { cursor: default; display: block; padding: 6px; }
110 +.select2-container--classic.select2-container--open .select2-dropdown { border-color: #5897fb; }
55 111
56 -
57 -/* Interaction Cues
58 -.ui-state-disabled {
59 - cursor: default !important;
60 - pointer-events: none;
61 -}
62 -
63 -
64 -/* Icons
65 -.ui-icon {
66 - display: inline-block;
67 - vertical-align: middle;
68 - margin-top: -.25em;
69 - position: relative;
70 - text-indent: -99999px;
71 - overflow: hidden;
72 - background-repeat: no-repeat;
73 -}
74 -
75 -.ui-widget-icon-block {
76 - left: 50%;
77 - margin-left: -8px;
78 - display: block;
79 -}
80 -
81 -/* Misc visuals
82 -
83 -/* Overlays */
84 -.ui-widget-overlay {
85 - position: fixed;
86 - top: 0;
87 - left: 0;
88 - width: 100%;
89 - height: 100%;
90 -}
91 -.ui-accordion .ui-accordion-header {
92 - display: block;
93 - cursor: pointer;
94 - position: relative;
95 - margin: 2px 0 0 0;
96 - padding: .5em .5em .5em .7em;
97 - font-size: 100%;
98 -}
99 -.ui-accordion .ui-accordion-content {
100 - padding: 1em 2.2em;
101 - border-top: 0;
102 - overflow: auto;
103 -}
104 -.ui-autocomplete {
105 - position: absolute;
106 - top: 0;
107 - left: 0;
108 - cursor: default;
109 -}
110 -.ui-menu {
111 - list-style: none;
112 - padding: 0;
113 - margin: 0;
114 - display: block;
115 - outline: 0;
116 -}
117 -.ui-menu .ui-menu {
118 - position: absolute;
119 -}
120 -.ui-menu .ui-menu-item {
121 - margin: 0;
122 - cursor: pointer;
123 - /* support: IE10, see #8844 */
124 - list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
125 -}
126 -.ui-menu .ui-menu-item-wrapper {
127 - position: relative;
128 - padding: 3px 1em 3px .4em;
129 -}
130 -.ui-menu .ui-menu-divider {
131 - margin: 5px 0;
132 - height: 0;
133 - font-size: 0;
134 - line-height: 0;
135 - border-width: 1px 0 0 0;
136 -}
137 -.ui-menu .ui-state-focus,
138 -.ui-menu .ui-state-active {
139 - margin: -1px;
140 -}
141 -
142 -/* icon support */
143 -.ui-menu-icons {
144 - position: relative;
145 -}
146 -.ui-menu-icons .ui-menu-item-wrapper {
147 - padding-left: 2em;
148 -}
149 -
150 -/* left-aligned */
151 -.ui-menu .ui-icon {
152 - position: absolute;
153 - top: 0;
154 - bottom: 0;
155 - left: .2em;
156 - margin: auto 0;
157 -}
158 -
159 -/* right-aligned */
160 -.ui-menu .ui-menu-icon {
161 - left: auto;
162 - right: 0;
163 -}
164 -.ui-button {
165 - padding: .4em 1em;
166 - display: inline-block;
167 - position: relative;
168 - line-height: normal;
169 - margin-right: .1em;
170 - cursor: pointer;
171 - vertical-align: middle;
172 - text-align: center;
173 - -webkit-user-select: none;
174 - -moz-user-select: none;
175 - -ms-user-select: none;
176 - user-select: none;
177 -
178 - /* Support: IE <= 11 */
179 - overflow: visible;
180 -}
181 -
182 -.ui-button,
183 -.ui-button:link,
184 -.ui-button:visited,
185 -.ui-button:hover,
186 -.ui-button:active {
187 - text-decoration: none;
188 -}
189 -
190 -/* to make room for the icon, a width needs to be set here */
191 -.ui-button-icon-only {
192 - width: 2em;
193 - box-sizing: border-box;
194 - text-indent: -9999px;
195 - white-space: nowrap;
196 -}
197 -
198 -/* no icon support for input elements */
199 -input.ui-button.ui-button-icon-only {
200 - text-indent: 0;
201 -}
202 -
203 -/* button icon element(s) */
204 -.ui-button-icon-only .ui-icon {
205 - position: absolute;
206 - top: 50%;
207 - left: 50%;
208 - margin-top: -8px;
209 - margin-left: -8px;
210 -}
211 -
212 -.ui-button.ui-icon-notext .ui-icon {
213 - padding: 0;
214 - width: 2.1em;
215 - height: 2.1em;
216 - text-indent: -9999px;
217 - white-space: nowrap;
218 -
219 -}
220 -
221 -input.ui-button.ui-icon-notext .ui-icon {
222 - width: auto;
223 - height: auto;
224 - text-indent: 0;
225 - white-space: normal;
226 - padding: .4em 1em;
227 -}
228 -
229 -/* workarounds */
230 -/* Support: Firefox 5 - 40 */
231 -input.ui-button::-moz-focus-inner,
232 -button.ui-button::-moz-focus-inner {
233 - border: 0;
234 - padding: 0;
235 -}
236 -.ui-controlgroup {
237 - vertical-align: middle;
238 - display: inline-block;
239 -}
240 -.ui-controlgroup > .ui-controlgroup-item {
241 - float: left;
242 - margin-left: 0;
243 - margin-right: 0;
244 -}
245 -.ui-controlgroup > .ui-controlgroup-item:focus,
246 -.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
247 - z-index: 9999;
248 -}
249 -.ui-controlgroup-vertical > .ui-controlgroup-item {
250 - display: block;
251 - float: none;
252 - width: 100%;
253 - margin-top: 0;
254 - margin-bottom: 0;
255 - text-align: left;
256 -}
257 -.ui-controlgroup-vertical .ui-controlgroup-item {
258 - box-sizing: border-box;
259 -}
260 -.ui-controlgroup .ui-controlgroup-label {
261 - padding: .4em 1em;
262 -}
263 -.ui-controlgroup .ui-controlgroup-label span {
264 - font-size: 80%;
265 -}
266 -.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
267 - border-left: none;
268 -}
269 -.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
270 - border-top: none;
271 -}
272 -.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
273 - border-right: none;
274 -}
275 -.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
276 - border-bottom: none;
277 -}
278 -
279 -/* Spinner specific style fixes */
280 -.ui-controlgroup-vertical .ui-spinner-input {
281 -
282 - /* Support: IE8 only, Android < 4.4 only */
283 - width: 75%;
284 - width: calc( 100% - 2.4em );
285 -}
286 -.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
287 - border-top-style: solid;
288 -}
289 -
290 -.ui-checkboxradio-label .ui-icon-background {
291 - box-shadow: inset 1px 1px 1px #ccc;
292 - border-radius: .12em;
293 - border: none;
294 -}
295 -.ui-checkboxradio-radio-label .ui-icon-background {
296 - width: 16px;
297 - height: 16px;
298 - border-radius: 1em;
299 - overflow: visible;
300 - border: none;
301 -}
302 -.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
303 -.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
304 - background-image: none;
305 - width: 8px;
306 - height: 8px;
307 - border-width: 4px;
308 - border-style: solid;
309 -}
310 -.ui-checkboxradio-disabled {
311 - pointer-events: none;
312 -}
313 -.ui-datepicker {
314 - width: 17em;
315 - padding: .2em .2em 0;
316 - display: none;
317 -}
318 -.ui-datepicker .ui-datepicker-header {
319 - position: relative;
320 - padding: .2em 0;
321 -}
322 -.ui-datepicker .ui-datepicker-prev,
323 -.ui-datepicker .ui-datepicker-next {
324 - position: absolute;
325 - top: 2px;
326 - width: 1.8em;
327 - height: 1.8em;
328 -}
329 -.ui-datepicker .ui-datepicker-prev-hover,
330 -.ui-datepicker .ui-datepicker-next-hover {
331 - top: 1px;
332 -}
333 -.ui-datepicker .ui-datepicker-prev {
334 - left: 2px;
335 -}
336 -.ui-datepicker .ui-datepicker-next {
337 - right: 2px;
338 -}
339 -.ui-datepicker .ui-datepicker-prev-hover {
340 - left: 1px;
341 -}
342 -.ui-datepicker .ui-datepicker-next-hover {
343 - right: 1px;
344 -}
345 -.ui-datepicker .ui-datepicker-prev span,
346 -.ui-datepicker .ui-datepicker-next span {
347 - display: block;
348 - position: absolute;
349 - left: 50%;
350 - margin-left: -8px;
351 - top: 50%;
352 - margin-top: -8px;
353 -}
354 -.ui-datepicker .ui-datepicker-title {
355 - margin: 0 2.3em;
356 - line-height: 1.8em;
357 - text-align: center;
358 -}
359 -.ui-datepicker .ui-datepicker-title select {
360 - font-size: 1em;
361 - margin: 1px 0;
362 -}
363 -.ui-datepicker select.ui-datepicker-month,
364 -.ui-datepicker select.ui-datepicker-year {
365 - width: 45%;
366 -}
367 -.ui-datepicker table {
368 - width: 100%;
369 - font-size: .9em;
370 - border-collapse: collapse;
371 - margin: 0 0 .4em;
372 -}
373 -.ui-datepicker th {
374 - padding: .7em .3em;
375 - text-align: center;
376 - font-weight: bold;
377 - border: 0;
378 -}
379 -.ui-datepicker td {
380 - border: 0;
381 - padding: 1px;
382 -}
383 -.ui-datepicker td span,
384 -.ui-datepicker td a {
385 - display: block;
386 - padding: .2em;
387 - text-align: right;
388 - text-decoration: none;
389 -}
390 -.ui-datepicker .ui-datepicker-buttonpane {
391 - background-image: none;
392 - margin: .7em 0 0 0;
393 - padding: 0 .2em;
394 - border-left: 0;
395 - border-right: 0;
396 - border-bottom: 0;
397 -}
398 -.ui-datepicker .ui-datepicker-buttonpane button {
399 - float: right;
400 - margin: .5em .2em .4em;
401 - cursor: pointer;
402 - padding: .2em .6em .3em .6em;
403 - width: auto;
404 - overflow: visible;
405 -}
406 -.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
407 - float: left;
408 -}
409 -
410 -/* with multiple calendars */
411 -.ui-datepicker.ui-datepicker-multi {
412 - width: auto;
413 -}
414 -.ui-datepicker-multi .ui-datepicker-group {
415 - float: left;
416 -}
417 -.ui-datepicker-multi .ui-datepicker-group table {
418 - width: 95%;
419 - margin: 0 auto .4em;
420 -}
421 -.ui-datepicker-multi-2 .ui-datepicker-group {
422 - width: 50%;
423 -}
424 -.ui-datepicker-multi-3 .ui-datepicker-group {
425 - width: 33.3%;
426 -}
427 -.ui-datepicker-multi-4 .ui-datepicker-group {
428 - width: 25%;
429 -}
430 -.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
431 -.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
432 - border-left-width: 0;
433 -}
434 -.ui-datepicker-multi .ui-datepicker-buttonpane {
435 - clear: left;
436 -}
437 -.ui-datepicker-row-break {
438 - clear: both;
439 - width: 100%;
440 - font-size: 0;
441 -}
442 -
443 -/* RTL support */
444 -.ui-datepicker-rtl {
445 - direction: rtl;
446 -}
447 -.ui-datepicker-rtl .ui-datepicker-prev {
448 - right: 2px;
449 - left: auto;
450 -}
451 -.ui-datepicker-rtl .ui-datepicker-next {
452 - left: 2px;
453 - right: auto;
454 -}
455 -.ui-datepicker-rtl .ui-datepicker-prev:hover {
456 - right: 1px;
457 - left: auto;
458 -}
459 -.ui-datepicker-rtl .ui-datepicker-next:hover {
460 - left: 1px;
461 - right: auto;
462 -}
463 -.ui-datepicker-rtl .ui-datepicker-buttonpane {
464 - clear: right;
465 -}
466 -.ui-datepicker-rtl .ui-datepicker-buttonpane button {
467 - float: left;
468 -}
469 -.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
470 -.ui-datepicker-rtl .ui-datepicker-group {
471 - float: right;
472 -}
473 -.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
474 -.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
475 - border-right-width: 0;
476 - border-left-width: 1px;
477 -}
478 -
479 -/* Icons */
480 -.ui-datepicker .ui-icon {
481 - display: block;
482 - text-indent: -99999px;
483 - overflow: hidden;
484 - background-repeat: no-repeat;
485 - left: .5em;
486 - top: .3em;
487 -}
488 -.ui-dialog {
489 - position: absolute;
490 - top: 0;
491 - left: 0;
492 - padding: .2em;
493 - outline: 0;
494 -}
495 -.ui-dialog .ui-dialog-titlebar {
496 - padding: .4em 1em;
497 - position: relative;
498 -}
499 -.ui-dialog .ui-dialog-title {
500 - float: left;
501 - margin: .1em 0;
502 - white-space: nowrap;
503 - width: 90%;
504 - overflow: hidden;
505 - text-overflow: ellipsis;
506 -}
507 -.ui-dialog .ui-dialog-titlebar-close {
508 - position: absolute;
509 - right: .3em;
510 - top: 50%;
511 - width: 20px;
512 - margin: -10px 0 0 0;
513 - padding: 1px;
514 - height: 20px;
515 -}
516 -.ui-dialog .ui-dialog-content {
517 - position: relative;
518 - border: 0;
519 - padding: .5em 1em;
520 - background: none;
521 - overflow: auto;
522 -}
523 -.ui-dialog .ui-dialog-buttonpane {
524 - text-align: left;
525 - border-width: 1px 0 0 0;
526 - background-image: none;
527 - margin-top: .5em;
528 - padding: .3em 1em .5em .4em;
529 -}
530 -.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
531 - float: right;
532 -}
533 -.ui-dialog .ui-dialog-buttonpane button {
534 - margin: .5em .4em .5em 0;
535 - cursor: pointer;
536 -}
537 -.ui-dialog .ui-resizable-n {
538 - height: 2px;
539 - top: 0;
540 -}
541 -.ui-dialog .ui-resizable-e {
542 - width: 2px;
543 - right: 0;
544 -}
545 -.ui-dialog .ui-resizable-s {
546 - height: 2px;
547 - bottom: 0;
548 -}
549 -.ui-dialog .ui-resizable-w {
550 - width: 2px;
551 - left: 0;
552 -}
553 -.ui-dialog .ui-resizable-se,
554 -.ui-dialog .ui-resizable-sw,
555 -.ui-dialog .ui-resizable-ne,
556 -.ui-dialog .ui-resizable-nw {
557 - width: 7px;
558 - height: 7px;
559 -}
560 -.ui-dialog .ui-resizable-se {
561 - right: 0;
562 - bottom: 0;
563 -}
564 -.ui-dialog .ui-resizable-sw {
565 - left: 0;
566 - bottom: 0;
567 -}
568 -.ui-dialog .ui-resizable-ne {
569 - right: 0;
570 - top: 0;
571 -}
572 -.ui-dialog .ui-resizable-nw {
573 - left: 0;
574 - top: 0;
575 -}
576 -.ui-draggable .ui-dialog-titlebar {
577 - cursor: move;
578 -}
579 -.ui-draggable-handle {
580 - touch-action: none;
581 -}
582 -.ui-resizable {
583 - position: relative;
584 -}
585 -.ui-resizable-handle {
586 - position: absolute;
587 - font-size: 0.1px;
588 - display: block;
589 - touch-action: none;
590 -}
591 -.ui-resizable-disabled .ui-resizable-handle,
592 -.ui-resizable-autohide .ui-resizable-handle {
593 - display: none;
594 -}
595 -.ui-resizable-n {
596 - cursor: n-resize;
597 - height: 7px;
598 - width: 100%;
599 - top: -5px;
600 - left: 0;
601 -}
602 -.ui-resizable-s {
603 - cursor: s-resize;
604 - height: 7px;
605 - width: 100%;
606 - bottom: -5px;
607 - left: 0;
608 -}
609 -.ui-resizable-e {
610 - cursor: e-resize;
611 - width: 7px;
612 - right: -5px;
613 - top: 0;
614 - height: 100%;
615 -}
616 -.ui-resizable-w {
617 - cursor: w-resize;
618 - width: 7px;
619 - left: -5px;
620 - top: 0;
621 - height: 100%;
622 -}
623 -.ui-resizable-se {
624 - cursor: se-resize;
625 - width: 12px;
626 - height: 12px;
627 - right: 1px;
628 - bottom: 1px;
629 -}
630 -.ui-resizable-sw {
631 - cursor: sw-resize;
632 - width: 9px;
633 - height: 9px;
634 - left: -5px;
635 - bottom: -5px;
636 -}
637 -.ui-resizable-nw {
638 - cursor: nw-resize;
639 - width: 9px;
640 - height: 9px;
641 - left: -5px;
642 - top: -5px;
643 -}
644 -.ui-resizable-ne {
645 - cursor: ne-resize;
646 - width: 9px;
647 - height: 9px;
648 - right: -5px;
649 - top: -5px;
650 -}
651 -.ui-progressbar {
652 - height: 2em;
653 - text-align: left;
654 - overflow: hidden;
655 -}
656 -.ui-progressbar .ui-progressbar-value {
657 - margin: -1px;
658 - height: 100%;
659 -}
660 -.ui-progressbar .ui-progressbar-overlay {
661 - 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==");
662 - height: 100%;
663 - filter: alpha(opacity=25); /* support: IE8 */
664 - opacity: 0.25;
665 -}
666 -.ui-progressbar-indeterminate .ui-progressbar-value {
667 - background-image: none;
668 -}
669 -.ui-selectable {
670 - touch-action: none;
671 -}
672 -.ui-selectable-helper {
673 - position: absolute;
674 - z-index: 100;
675 - border: 1px dotted black;
676 -}
677 -.ui-selectmenu-menu {
678 - padding: 0;
679 - margin: 0;
680 - position: absolute;
681 - top: 0;
682 - left: 0;
683 - display: none;
684 -}
685 -.ui-selectmenu-menu .ui-menu {
686 - overflow: auto;
687 - overflow-x: hidden;
688 - padding-bottom: 1px;
689 -}
690 -.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
691 - font-size: 1em;
692 - font-weight: bold;
693 - line-height: 1.5;
694 - padding: 2px 0.4em;
695 - margin: 0.5em 0 0 0;
696 - height: auto;
697 - border: 0;
698 -}
699 -.ui-selectmenu-open {
700 - display: block;
701 -}
702 -.ui-selectmenu-text {
703 - display: block;
704 - margin-right: 20px;
705 - overflow: hidden;
706 - text-overflow: ellipsis;
707 -}
708 -.ui-selectmenu-button.ui-button {
709 - text-align: left;
710 - white-space: nowrap;
711 - width: 14em;
712 -}
713 -.ui-selectmenu-icon.ui-icon {
714 - float: right;
715 - margin-top: 0;
716 -}
717 -.ui-slider {
718 - position: relative;
719 - text-align: left;
720 -}
721 -.ui-slider .ui-slider-handle {
722 - position: absolute;
723 - z-index: 2;
724 - width: 1.2em;
725 - height: 1.2em;
726 - cursor: default;
727 - touch-action: none;
728 -}
729 -.ui-slider .ui-slider-range {
730 - position: absolute;
731 - z-index: 1;
732 - font-size: .7em;
733 - display: block;
734 - border: 0;
735 - background-position: 0 0;
736 -}
737 -
738 -/* support: IE8 - See #6727 */
739 -.ui-slider.ui-state-disabled .ui-slider-handle,
740 -.ui-slider.ui-state-disabled .ui-slider-range {
741 - filter: inherit;
742 -}
743 -
744 -.ui-slider-horizontal {
745 - height: .8em;
746 -}
747 -.ui-slider-horizontal .ui-slider-handle {
748 - top: -.3em;
749 - margin-left: -.6em;
750 -}
751 -.ui-slider-horizontal .ui-slider-range {
752 - top: 0;
753 - height: 100%;
754 -}
755 -.ui-slider-horizontal .ui-slider-range-min {
756 - left: 0;
757 -}
758 -.ui-slider-horizontal .ui-slider-range-max {
759 - right: 0;
760 -}
761 -
762 -.ui-slider-vertical {
763 - width: .8em;
764 - height: 100px;
765 -}
766 -.ui-slider-vertical .ui-slider-handle {
767 - left: -.3em;
768 - margin-left: 0;
769 - margin-bottom: -.6em;
770 -}
771 -.ui-slider-vertical .ui-slider-range {
772 - left: 0;
773 - width: 100%;
774 -}
775 -.ui-slider-vertical .ui-slider-range-min {
776 - bottom: 0;
777 -}
778 -.ui-slider-vertical .ui-slider-range-max {
779 - top: 0;
780 -}
781 -.ui-sortable-handle {
782 - touch-action: none;
783 -}
784 -.ui-spinner {
785 - position: relative;
786 - display: inline-block;
787 - overflow: hidden;
788 - padding: 0;
789 - vertical-align: middle;
790 -}
791 -.ui-spinner-input {
792 - border: none;
793 - background: none;
794 - color: inherit;
795 - padding: .222em 0;
796 - margin: .2em 0;
797 - vertical-align: middle;
798 - margin-left: .4em;
799 - margin-right: 2em;
800 -}
801 -.ui-spinner-button {
802 - width: 1.6em;
803 - height: 50%;
804 - font-size: .5em;
805 - padding: 0;
806 - margin: 0;
807 - text-align: center;
808 - position: absolute;
809 - cursor: default;
810 - display: block;
811 - overflow: hidden;
812 - right: 0;
813 -}
814 -/* more specificity required here to override default borders */
815 -.ui-spinner a.ui-spinner-button {
816 - border-top-style: none;
817 - border-bottom-style: none;
818 - border-right-style: none;
819 -}
820 -.ui-spinner-up {
821 - top: 0;
822 -}
823 -.ui-spinner-down {
824 - bottom: 0;
825 -}
826 -.ui-tabs {
827 - position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
828 - padding: .2em;
829 -}
830 -.ui-tabs .ui-tabs-nav {
831 - margin: 0;
832 - padding: .2em .2em 0;
833 -}
834 -.ui-tabs .ui-tabs-nav li {
835 - list-style: none;
836 - float: left;
837 - position: relative;
838 - top: 0;
839 - margin: 1px .2em 0 0;
840 - border-bottom-width: 0;
841 - padding: 0;
842 - white-space: nowrap;
843 -}
844 -.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
845 - float: left;
846 - padding: .5em 1em;
847 - text-decoration: none;
848 -}
849 -.ui-tabs .ui-tabs-nav li.ui-tabs-active {
850 - margin-bottom: -1px;
851 - padding-bottom: 1px;
852 -}
853 -.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
854 -.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
855 -.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
856 - cursor: text;
857 -}
858 -.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
859 - cursor: pointer;
860 -}
861 -.ui-tabs .ui-tabs-panel {
862 - display: block;
863 - border-width: 0;
864 - padding: 1em 1.4em;
865 - background: none;
866 -}
867 -.ui-tooltip {
868 - padding: 8px;
869 - position: absolute;
870 - z-index: 9999;
871 - max-width: 300px;
872 -}
873 -body .ui-tooltip {
874 - border-width: 2px;
875 -}
876 -/* Component containers
877 -.ui-widget {
878 - font-family: Arial,Helvetica,sans-serif;
879 - font-size: 1em;
880 -}
881 -.ui-widget .ui-widget {
882 - font-size: 1em;
883 -}
884 -.ui-widget input,
885 -.ui-widget select,
886 -.ui-widget textarea,
887 -.ui-widget button {
888 - font-family: Arial,Helvetica,sans-serif;
889 - font-size: 1em;
890 -}
891 -.ui-widget.ui-widget-content {
892 - border: 1px solid #c5c5c5;
893 -}
894 -.ui-widget-content {
895 - border: 1px solid #dddddd;
896 - background: #ffffff;
897 - color: #333333;
898 -}
899 -.ui-widget-content a {
900 - color: #333333;
901 -}
902 -.ui-widget-header {
903 - border: 1px solid #dddddd;
904 - background: #e9e9e9;
905 - color: #333333;
906 - font-weight: bold;
907 -}
908 -.ui-widget-header a {
909 - color: #333333;
910 -}
911 -
912 -/* Interaction states
913 -.ui-state-default,
914 -.ui-widget-content .ui-state-default,
915 -.ui-widget-header .ui-state-default,
916 -.ui-button,
917 -
918 -/* We use html here because we need a greater specificity to make sure disabled
919 -works properly when clicked or hovered */
920 -html .ui-button.ui-state-disabled:hover,
921 -html .ui-button.ui-state-disabled:active {
922 - border: 1px solid #c5c5c5;
923 - background: #f6f6f6;
924 - font-weight: normal;
925 - color: #454545;
926 -}
927 -.ui-state-default a,
928 -.ui-state-default a:link,
929 -.ui-state-default a:visited,
930 -a.ui-button,
931 -a:link.ui-button,
932 -a:visited.ui-button,
933 -.ui-button {
934 - color: #454545;
935 - text-decoration: none;
936 -}
937 -.ui-state-hover,
938 -.ui-widget-content .ui-state-hover,
939 -.ui-widget-header .ui-state-hover,
940 -.ui-state-focus,
941 -.ui-widget-content .ui-state-focus,
942 -.ui-widget-header .ui-state-focus,
943 -.ui-button:hover,
944 -.ui-button:focus {
945 - border: 1px solid #cccccc;
946 - background: #ededed;
947 - font-weight: normal;
948 - color: #2b2b2b;
949 -}
950 -.ui-state-hover a,
951 -.ui-state-hover a:hover,
952 -.ui-state-hover a:link,
953 -.ui-state-hover a:visited,
954 -.ui-state-focus a,
955 -.ui-state-focus a:hover,
956 -.ui-state-focus a:link,
957 -.ui-state-focus a:visited,
958 -a.ui-button:hover,
959 -a.ui-button:focus {
960 - color: #2b2b2b;
961 - text-decoration: none;
962 -}
963 -
964 -.ui-visual-focus {
965 - box-shadow: 0 0 3px 1px rgb(94, 158, 214);
966 -}
967 -.ui-state-active,
968 -.ui-widget-content .ui-state-active,
969 -.ui-widget-header .ui-state-active,
970 -a.ui-button:active,
971 -.ui-button:active,
972 -.ui-button.ui-state-active:hover {
973 - border: 1px solid #003eff;
974 - background: #007fff;
975 - font-weight: normal;
976 - color: #ffffff;
977 -}
978 -.ui-icon-background,
979 -.ui-state-active .ui-icon-background {
980 - border: #003eff;
981 - background-color: #ffffff;
982 -}
983 -.ui-state-active a,
984 -.ui-state-active a:link,
985 -.ui-state-active a:visited {
986 - color: #ffffff;
987 - text-decoration: none;
988 -}
989 -
990 -/* Interaction Cues
991 -.ui-state-highlight,
992 -.ui-widget-content .ui-state-highlight,
993 -.ui-widget-header .ui-state-highlight {
994 - border: 1px solid #dad55e;
995 - background: #fffa90;
996 - color: #777620;
997 -}
998 -.ui-state-checked {
999 - border: 1px solid #dad55e;
1000 - background: #fffa90;
1001 -}
1002 -.ui-state-highlight a,
1003 -.ui-widget-content .ui-state-highlight a,
1004 -.ui-widget-header .ui-state-highlight a {
1005 - color: #777620;
1006 -}
1007 -.ui-state-error,
1008 -.ui-widget-content .ui-state-error,
1009 -.ui-widget-header .ui-state-error {
1010 - border: 1px solid #f1a899;
1011 - background: #fddfdf;
1012 - color: #5f3f3f;
1013 -}
1014 -.ui-state-error a,
1015 -.ui-widget-content .ui-state-error a,
1016 -.ui-widget-header .ui-state-error a {
1017 - color: #5f3f3f;
1018 -}
1019 -.ui-state-error-text,
1020 -.ui-widget-content .ui-state-error-text,
1021 -.ui-widget-header .ui-state-error-text {
1022 - color: #5f3f3f;
1023 -}
1024 -.ui-priority-primary,
1025 -.ui-widget-content .ui-priority-primary,
1026 -.ui-widget-header .ui-priority-primary {
1027 - font-weight: bold;
1028 -}
1029 -.ui-priority-secondary,
1030 -.ui-widget-content .ui-priority-secondary,
1031 -.ui-widget-header .ui-priority-secondary {
1032 - opacity: .7;
1033 - filter:Alpha(Opacity=70); /* support: IE8 */
1034 - font-weight: normal;
1035 -}
1036 -.ui-state-disabled,
1037 -.ui-widget-content .ui-state-disabled,
1038 -.ui-widget-header .ui-state-disabled {
1039 - opacity: .35;
1040 - filter:Alpha(Opacity=35); /* support: IE8 */
1041 - background-image: none;
1042 -}
1043 -.ui-state-disabled .ui-icon {
1044 - filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
1045 -}
1046 -
1047 -/* Icons
1048 -
1049 -/* states and images */
1050 -.ui-icon {
1051 - width: 16px;
1052 - height: 16px;
1053 -}
1054 -.ui-icon,
1055 -.ui-widget-content .ui-icon {
1056 - background-image: url("images/ui-icons_444444_256x240.png");
1057 -}
1058 -.ui-widget-header .ui-icon {
1059 - background-image: url("images/ui-icons_444444_256x240.png");
1060 -}
1061 -.ui-state-hover .ui-icon,
1062 -.ui-state-focus .ui-icon,
1063 -.ui-button:hover .ui-icon,
1064 -.ui-button:focus .ui-icon {
1065 - background-image: url("images/ui-icons_555555_256x240.png");
1066 -}
1067 -.ui-state-active .ui-icon,
1068 -.ui-button:active .ui-icon {
1069 - background-image: url("images/ui-icons_ffffff_256x240.png");
1070 -}
1071 -.ui-state-highlight .ui-icon,
1072 -.ui-button .ui-state-highlight.ui-icon {
1073 - background-image: url("images/ui-icons_777620_256x240.png");
1074 -}
1075 -.ui-state-error .ui-icon,
1076 -.ui-state-error-text .ui-icon {
1077 - background-image: url("images/ui-icons_cc0000_256x240.png");
1078 -}
1079 -.ui-button .ui-icon {
1080 - background-image: url("images/ui-icons_777777_256x240.png");
1081 -}
1082 -
1083 -/* positioning */
1084 -.ui-icon-blank { background-position: 16px 16px; }
1085 -.ui-icon-caret-1-n { background-position: 0 0; }
1086 -.ui-icon-caret-1-ne { background-position: -16px 0; }
1087 -.ui-icon-caret-1-e { background-position: -32px 0; }
1088 -.ui-icon-caret-1-se { background-position: -48px 0; }
1089 -.ui-icon-caret-1-s { background-position: -65px 0; }
1090 -.ui-icon-caret-1-sw { background-position: -80px 0; }
1091 -.ui-icon-caret-1-w { background-position: -96px 0; }
1092 -.ui-icon-caret-1-nw { background-position: -112px 0; }
1093 -.ui-icon-caret-2-n-s { background-position: -128px 0; }
1094 -.ui-icon-caret-2-e-w { background-position: -144px 0; }
1095 -.ui-icon-triangle-1-n { background-position: 0 -16px; }
1096 -.ui-icon-triangle-1-ne { background-position: -16px -16px; }
1097 -.ui-icon-triangle-1-e { background-position: -32px -16px; }
1098 -.ui-icon-triangle-1-se { background-position: -48px -16px; }
1099 -.ui-icon-triangle-1-s { background-position: -65px -16px; }
1100 -.ui-icon-triangle-1-sw { background-position: -80px -16px; }
1101 -.ui-icon-triangle-1-w { background-position: -96px -16px; }
1102 -.ui-icon-triangle-1-nw { background-position: -112px -16px; }
1103 -.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
1104 -.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
1105 -.ui-icon-arrow-1-n { background-position: 0 -32px; }
1106 -.ui-icon-arrow-1-ne { background-position: -16px -32px; }
1107 -.ui-icon-arrow-1-e { background-position: -32px -32px; }
1108 -.ui-icon-arrow-1-se { background-position: -48px -32px; }
1109 -.ui-icon-arrow-1-s { background-position: -65px -32px; }
1110 -.ui-icon-arrow-1-sw { background-position: -80px -32px; }
1111 -.ui-icon-arrow-1-w { background-position: -96px -32px; }
1112 -.ui-icon-arrow-1-nw { background-position: -112px -32px; }
1113 -.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
1114 -.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
1115 -.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
1116 -.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
1117 -.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
1118 -.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
1119 -.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
1120 -.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
1121 -.ui-icon-arrowthick-1-n { background-position: 1px -48px; }
1122 -.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
1123 -.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
1124 -.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
1125 -.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
1126 -.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
1127 -.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
1128 -.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
1129 -.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
1130 -.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
1131 -.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
1132 -.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
1133 -.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
1134 -.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
1135 -.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
1136 -.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
1137 -.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
1138 -.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
1139 -.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
1140 -.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
1141 -.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
1142 -.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
1143 -.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
1144 -.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
1145 -.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
1146 -.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
1147 -.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
1148 -.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
1149 -.ui-icon-arrow-4 { background-position: 0 -80px; }
1150 -.ui-icon-arrow-4-diag { background-position: -16px -80px; }
1151 -.ui-icon-extlink { background-position: -32px -80px; }
1152 -.ui-icon-newwin { background-position: -48px -80px; }
1153 -.ui-icon-refresh { background-position: -64px -80px; }
1154 -.ui-icon-shuffle { background-position: -80px -80px; }
1155 -.ui-icon-transfer-e-w { background-position: -96px -80px; }
1156 -.ui-icon-transferthick-e-w { background-position: -112px -80px; }
1157 -.ui-icon-folder-collapsed { background-position: 0 -96px; }
1158 -.ui-icon-folder-open { background-position: -16px -96px; }
1159 -.ui-icon-document { background-position: -32px -96px; }
1160 -.ui-icon-document-b { background-position: -48px -96px; }
1161 -.ui-icon-note { background-position: -64px -96px; }
1162 -.ui-icon-mail-closed { background-position: -80px -96px; }
1163 -.ui-icon-mail-open { background-position: -96px -96px; }
1164 -.ui-icon-suitcase { background-position: -112px -96px; }
1165 -.ui-icon-comment { background-position: -128px -96px; }
1166 -.ui-icon-person { background-position: -144px -96px; }
1167 -.ui-icon-print { background-position: -160px -96px; }
1168 -.ui-icon-trash { background-position: -176px -96px; }
1169 -.ui-icon-locked { background-position: -192px -96px; }
1170 -.ui-icon-unlocked { background-position: -208px -96px; }
1171 -.ui-icon-bookmark { background-position: -224px -96px; }
1172 -.ui-icon-tag { background-position: -240px -96px; }
1173 -.ui-icon-home { background-position: 0 -112px; }
1174 -.ui-icon-flag { background-position: -16px -112px; }
1175 -.ui-icon-calendar { background-position: -32px -112px; }
1176 -.ui-icon-cart { background-position: -48px -112px; }
1177 -.ui-icon-pencil { background-position: -64px -112px; }
1178 -.ui-icon-clock { background-position: -80px -112px; }
1179 -.ui-icon-disk { background-position: -96px -112px; }
1180 -.ui-icon-calculator { background-position: -112px -112px; }
1181 -.ui-icon-zoomin { background-position: -128px -112px; }
1182 -.ui-icon-zoomout { background-position: -144px -112px; }
1183 -.ui-icon-search { background-position: -160px -112px; }
1184 -.ui-icon-wrench { background-position: -176px -112px; }
1185 -.ui-icon-gear { background-position: -192px -112px; }
1186 -.ui-icon-heart { background-position: -208px -112px; }
1187 -.ui-icon-star { background-position: -224px -112px; }
1188 -.ui-icon-link { background-position: -240px -112px; }
1189 -.ui-icon-cancel { background-position: 0 -128px; }
1190 -.ui-icon-plus { background-position: -16px -128px; }
1191 -.ui-icon-plusthick { background-position: -32px -128px; }
1192 -.ui-icon-minus { background-position: -48px -128px; }
1193 -.ui-icon-minusthick { background-position: -64px -128px; }
1194 -.ui-icon-close { background-position: -80px -128px; }
1195 -.ui-icon-closethick { background-position: -96px -128px; }
1196 -.ui-icon-key { background-position: -112px -128px; }
1197 -.ui-icon-lightbulb { background-position: -128px -128px; }
1198 -.ui-icon-scissors { background-position: -144px -128px; }
1199 -.ui-icon-clipboard { background-position: -160px -128px; }
1200 -.ui-icon-copy { background-position: -176px -128px; }
1201 -.ui-icon-contact { background-position: -192px -128px; }
1202 -.ui-icon-image { background-position: -208px -128px; }
1203 -.ui-icon-video { background-position: -224px -128px; }
1204 -.ui-icon-script { background-position: -240px -128px; }
1205 -.ui-icon-alert { background-position: 0 -144px; }
1206 -.ui-icon-info { background-position: -16px -144px; }
1207 -.ui-icon-notice { background-position: -32px -144px; }
1208 -.ui-icon-help { background-position: -48px -144px; }
1209 -.ui-icon-check { background-position: -64px -144px; }
1210 -.ui-icon-bullet { background-position: -80px -144px; }
1211 -.ui-icon-radio-on { background-position: -96px -144px; }
1212 -.ui-icon-radio-off { background-position: -112px -144px; }
1213 -.ui-icon-pin-w { background-position: -128px -144px; }
1214 -.ui-icon-pin-s { background-position: -144px -144px; }
1215 -.ui-icon-play { background-position: 0 -160px; }
1216 -.ui-icon-pause { background-position: -16px -160px; }
1217 -.ui-icon-seek-next { background-position: -32px -160px; }
1218 -.ui-icon-seek-prev { background-position: -48px -160px; }
1219 -.ui-icon-seek-end { background-position: -64px -160px; }
1220 -.ui-icon-seek-start { background-position: -80px -160px; }
1221 -/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
1222 -.ui-icon-seek-first { background-position: -80px -160px; }
1223 -.ui-icon-stop { background-position: -96px -160px; }
1224 -.ui-icon-eject { background-position: -112px -160px; }
1225 -.ui-icon-volume-off { background-position: -128px -160px; }
1226 -.ui-icon-volume-on { background-position: -144px -160px; }
1227 -.ui-icon-power { background-position: 0 -176px; }
1228 -.ui-icon-signal-diag { background-position: -16px -176px; }
1229 -.ui-icon-signal { background-position: -32px -176px; }
1230 -.ui-icon-battery-0 { background-position: -48px -176px; }
1231 -.ui-icon-battery-1 { background-position: -64px -176px; }
1232 -.ui-icon-battery-2 { background-position: -80px -176px; }
1233 -.ui-icon-battery-3 { background-position: -96px -176px; }
1234 -.ui-icon-circle-plus { background-position: 0 -192px; }
1235 -.ui-icon-circle-minus { background-position: -16px -192px; }
1236 -.ui-icon-circle-close { background-position: -32px -192px; }
1237 -.ui-icon-circle-triangle-e { background-position: -48px -192px; }
1238 -.ui-icon-circle-triangle-s { background-position: -64px -192px; }
1239 -.ui-icon-circle-triangle-w { background-position: -80px -192px; }
1240 -.ui-icon-circle-triangle-n { background-position: -96px -192px; }
1241 -.ui-icon-circle-arrow-e { background-position: -112px -192px; }
1242 -.ui-icon-circle-arrow-s { background-position: -128px -192px; }
1243 -.ui-icon-circle-arrow-w { background-position: -144px -192px; }
1244 -.ui-icon-circle-arrow-n { background-position: -160px -192px; }
1245 -.ui-icon-circle-zoomin { background-position: -176px -192px; }
1246 -.ui-icon-circle-zoomout { background-position: -192px -192px; }
1247 -.ui-icon-circle-check { background-position: -208px -192px; }
1248 -.ui-icon-circlesmall-plus { background-position: 0 -208px; }
1249 -.ui-icon-circlesmall-minus { background-position: -16px -208px; }
1250 -.ui-icon-circlesmall-close { background-position: -32px -208px; }
1251 -.ui-icon-squaresmall-plus { background-position: -48px -208px; }
1252 -.ui-icon-squaresmall-minus { background-position: -64px -208px; }
1253 -.ui-icon-squaresmall-close { background-position: -80px -208px; }
1254 -.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
1255 -.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
1256 -.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
1257 -.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
1258 -.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
1259 -.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
1260 -
1261 -
1262 -/* Misc visuals
1263 -
1264 -/* Corner radius */
1265 -.ui-corner-all,
1266 -.ui-corner-top,
1267 -.ui-corner-left,
1268 -.ui-corner-tl {
1269 - border-top-left-radius: 3px;
1270 -}
1271 -.ui-corner-all,
1272 -.ui-corner-top,
1273 -.ui-corner-right,
1274 -.ui-corner-tr {
1275 - border-top-right-radius: 3px;
1276 -}
1277 -.ui-corner-all,
1278 -.ui-corner-bottom,
1279 -.ui-corner-left,
1280 -.ui-corner-bl {
1281 - border-bottom-left-radius: 3px;
1282 -}
1283 -.ui-corner-all,
1284 -.ui-corner-bottom,
1285 -.ui-corner-right,
1286 -.ui-corner-br {
1287 - border-bottom-right-radius: 3px;
1288 -}
1289 -
1290 -/* Overlays */
1291 -.ui-widget-overlay {
1292 - background: #aaaaaa;
1293 - opacity: .3;
1294 - filter: Alpha(Opacity=30); /* support: IE8 */
1295 -}
1296 -.ui-widget-shadow {
1297 - box-shadow: 0px 0px 5px #666666;
1298 -}
1299 -
1300 -/*! jQuery Timepicker Addon - v1.6.3 - 2016-04-20
1301 -* http://trentrichardson.com/examples/timepicker
1302 -* Copyright (c) 2016 Trent Richardson; Licensed MIT */
1303 -
1304 -.ui-timepicker-div .ui-widget-header{margin-bottom:8px}.ui-timepicker-div dl{text-align:left}.ui-timepicker-div dl dt{float:left;clear:left;padding:0 0 0 5px}.ui-timepicker-div dl dd{margin:0 10px 10px 40%}.ui-timepicker-div td{font-size:90%}.ui-tpicker-grid-label{background:0 0;border:0;margin:0;padding:0}.ui-timepicker-div .ui_tpicker_unit_hide{display:none}.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input{background:0 0;color:inherit;border:0;outline:0;border-bottom:solid 1px #555;width:95%}.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input:focus{border-bottom-color:#aaa}.ui-timepicker-rtl{direction:rtl}.ui-timepicker-rtl dl{text-align:right;padding:0 5px 0 0}.ui-timepicker-rtl dl dt{float:right;clear:right}.ui-timepicker-rtl dl dd{margin:0 40% 10px 10px}.ui-timepicker-div.ui-timepicker-oneLine{padding-right:2px}.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time,.ui-timepicker-div.ui-timepicker-oneLine dt{display:none}.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label{display:block;padding-top:2px}.ui-timepicker-div.ui-timepicker-oneLine dl{text-align:right}.ui-timepicker-div.ui-timepicker-oneLine dl dd,.ui-timepicker-div.ui-timepicker-oneLine dl dd>div{display:inline-block;margin:0}.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_minute:before,.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_second:before{content:':';display:inline-block}.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_millisec:before,.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_microsec:before{content:'.';display:inline-block}.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide,.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide:before{display:none}
1305 -
1306 112 /**
1307 113 * Breakpoints
1308 114 */
1309 115 /**
@@ -1321,8 +118,12 @@
1321 118 .hide {
1322 119 display: none !important;
1323 120 }
1324 121
122 +.small {
123 + font-size: 85%;
124 +}
125 +
1325 126 .d-block {
1326 127 display: block !important;
1327 128 }
1328 129
@@ -1338,8 +139,20 @@
1338 139 .justify-content-end {
1339 140 justify-content: flex-end;
1340 141 }
1341 142
143 +.justify-content-between {
144 + justify-content: space-between;
145 +}
146 +
147 +.align-content-center {
148 + align-content: center;
149 +}
150 +
151 +.align-items-center {
152 + align-items: center;
153 +}
154 +
1342 155 .col {
1343 156 flex: 1 0 0%;
1344 157 box-sizing: border-box;
1345 158 }
@@ -1392,8 +205,12 @@
1392 205 .w-100 {
1393 206 flex: 1 0 100%;
1394 207 }
1395 208
209 +.w-auto {
210 + width: auto !important;
211 +}
212 +
1396 213 .rounded {
1397 214 border-radius: 8px;
1398 215 }
1399 216
@@ -1404,9 +221,9 @@
1404 221 .p-20 {
1405 222 padding: 20px;
1406 223 }
1407 224
1408 -.truncate-string {
225 +.text-truncate {
1409 226 display: block;
1410 227 white-space: nowrap;
1411 228 overflow: hidden;
1412 229 text-overflow: ellipsis;
@@ -1423,8 +240,24 @@
1423 240 .text-uppercase {
1424 241 text-transform: uppercase;
1425 242 }
1426 243
244 +.text-muted {
245 + color: #777;
246 +}
247 +
248 +.ms-auto {
249 + margin-left: auto;
250 +}
251 +
252 +.mt-0 {
253 + margin-top: 0;
254 +}
255 +
256 +.mb-0 {
257 + margin-bottom: 0;
258 +}
259 +
1427 260 .loader {
1428 261 height: 100px;
1429 262 background-size: 50px 50px;
1430 263 background-repeat: no-repeat;
@@ -1458,17 +291,22 @@
1458 291 padding-left: 12px;
1459 292 }
1460 293 }
1461 294
295 +.wrap.notifier {
296 + margin-top: 20px;
297 +}
298 +
1462 299 /* Meta Fields */
1463 300 .meta-fields .form-field {
1464 301 position: relative;
1465 302 }
1466 -.meta-fields .form-field label,
303 +.meta-fields .form-field label.form-label,
1467 304 .meta-fields .form-field legend {
305 + font-size: 14px;
306 + font-weight: 500;
1468 307 display: block;
1469 308 margin-bottom: 5px;
1470 - width: calc(100% - 20px);
1471 309 }
1472 310 .meta-fields .form-field label .limit-text {
1473 311 float: right;
1474 312 color: #999;
@@ -1476,9 +314,9 @@
1476 314 .meta-fields .form-field input[type=text],
1477 315 .meta-fields .form-field input[type=password],
1478 316 .meta-fields .form-field textarea,
1479 317 .meta-fields .form-field select {
1480 - width: calc(100% - 20px);
318 + width: 100%;
1481 319 max-width: 100%;
1482 320 }
1483 321 @media screen and (max-width: 767px) {
1484 322 .meta-fields .form-field input[type=text],
@@ -1572,17 +410,98 @@
1572 410
1573 411 .notifier-media-preview {
1574 412 display: block;
1575 413 }
1576 -.notifier-media-preview #notifier_wa_profile_picture_preview_video {
1577 - display: none;
414 +
415 +.notifier-notice {
416 + margin-top: 20px;
417 + margin-left: 0;
1578 418 }
1579 419
420 +table.wp-list-table {
421 + border: 1px solid #eee;
422 + box-shadow: none;
423 + border-radius: 8px;
424 +}
425 +table.wp-list-table thead td,
426 +table.wp-list-table thead th {
427 + padding-top: 5px !important;
428 + padding-bottom: 5px !important;
429 + border-bottom: 1px solid #eee;
430 +}
431 +table.wp-list-table tfoot td,
432 +table.wp-list-table tfoot th {
433 + padding-top: 5px !important;
434 + padding-bottom: 5px !important;
435 + border-top: 1px solid #eee;
436 +}
437 +
438 +.notifier-toggle-switch input[type=checkbox] {
439 + position: relative;
440 + -webkit-appearance: none;
441 + -moz-appearance: none;
442 + appearance: none;
443 + width: 32px;
444 + height: 16px;
445 + background: #ccc;
446 + border-radius: 40px;
447 + box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
448 + cursor: pointer;
449 + transition: 0.2s;
450 + border: none;
451 + outline: none;
452 +}
453 +.notifier-toggle-switch input:checked[type=checkbox] {
454 + -webkit-appearance: none;
455 + -moz-appearance: none;
456 + appearance: none;
457 + background: #00c417;
458 +}
459 +.notifier-toggle-switch input[type=checkbox]::before {
460 + content: none;
461 +}
462 +.notifier-toggle-switch input[type=checkbox]::after {
463 + position: absolute;
464 + content: "";
465 + width: 16px;
466 + height: 16px;
467 + top: 0;
468 + left: 0;
469 + background: #fff;
470 + border-radius: 50%;
471 + box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
472 + transform: scale(1.1);
473 + transition: 0.2s;
474 +}
475 +.notifier-toggle-switch input:checked[type=checkbox]::after {
476 + left: 50%;
477 +}
478 +
479 +.select2-results__option {
480 + margin-bottom: 0;
481 +}
482 +
1580 483 @media screen and (max-width: 767px) {
1581 484 #notifier-admin-header {
1582 485 padding-top: 46px;
1583 486 }
1584 487 }
488 +#notifier-admin-header .header-logo {
489 + display: inline-block;
490 + margin-right: 15px;
491 + width: 35px;
492 + height: 35px;
493 + align-self: center;
494 +}
495 +#notifier-admin-header .header-logo img {
496 + width: 100%;
497 + height: 100%;
498 +}
499 +@media screen and (max-width: 767px) {
500 + #notifier-admin-header .header-logo {
501 + margin-right: 10px;
502 + }
503 +}
1585 504 #notifier-admin-header .notifier-admin-header-content {
1586 505 background: #fff;
1587 506 box-sizing: border-box;
1588 507 width: 100%;
@@ -1593,8 +512,9 @@
1593 512 display: flex;
1594 513 align-content: center;
1595 514 align-items: center;
1596 515 justify-content: space-between;
516 + border-bottom: 1px solid #eee;
1597 517 }
1598 518 @media screen and (max-width: 767px) {
1599 519 #notifier-admin-header .notifier-admin-header-content {
1600 520 padding: 0 12px;
@@ -1636,10 +556,17 @@
1636 556 }
1637 557 #notifier-admin-header .notifier-admin-header-content .header-menu-items ul li a.active {
1638 558 color: #555;
1639 559 }
560 +#notifier-admin-header .notifier-admin-header-content .header-action-links .review-us-link {
561 + color: #777;
562 +}
563 +#notifier-admin-header .notifier-admin-header-content .header-action-links .review-us-link a {
564 + text-decoration: none;
565 + color: #777;
566 +}
1640 567 @media screen and (max-width: 767px) {
1641 - #notifier-admin-header .notifier-admin-header-content .header-action-links {
568 + #notifier-admin-header .notifier-admin-header-content .header-action-links > *:not(.review-us-link) {
1642 569 display: none !important;
1643 570 }
1644 571 }
1645 572 #notifier-admin-header .notifier-admin-header-content .header-action-links > * {
@@ -1654,8 +581,9 @@
1654 581 .onboarding {
1655 582 max-width: 600px;
1656 583 margin: 0 auto;
1657 584 background: #fff;
585 + border-radius: 10px;
1658 586 box-shadow: 0 8px 8px 0 rgba(85, 93, 102, 0.1);
1659 587 }
1660 588 .onboarding .onboarding-head {
1661 589 padding: 20px;
@@ -1663,71 +591,25 @@
1663 591 }
1664 592 .onboarding .onboarding-head h1,
1665 593 .onboarding .onboarding-head h2,
1666 594 .onboarding .onboarding-head h3 {
1667 - margin-top: 0;
595 + margin: 0;
1668 596 }
1669 597 .onboarding .onboarding-head p {
1670 598 margin-bottom: 0;
1671 599 }
1672 -.onboarding .onboarding-body .onboarding-disclaimer {
1673 - padding: 10px 20px;
600 +.onboarding .onboarding-body {
601 + padding: 20px;
1674 602 }
1675 -.onboarding .onboarding-body .step {
1676 - border-bottom: 1px solid #eee;
1677 -}
1678 -.onboarding .onboarding-body .step .step-head {
1679 - border-bottom: 1px solid #eee;
1680 - display: flex;
1681 - justify-content: space-between;
1682 -}
1683 -.onboarding .onboarding-body .step .step-head .step-title {
1684 - padding: 15px 20px;
1685 -}
1686 -.onboarding .onboarding-body .step .step-head .est-time {
1687 - display: flex;
1688 - align-items: center;
1689 - align-content: center;
1690 - margin-top: -10px;
1691 - justify-content: center;
1692 - padding: 0 20px;
1693 -}
1694 -.onboarding .onboarding-body .step .step-head .toggle-step {
1695 - position: relative;
1696 - padding: 0 20px;
1697 - border: 0;
1698 - background: transparent;
1699 - cursor: pointer;
1700 -}
1701 -.onboarding .onboarding-body .step .step-head .toggle-step::after {
1702 - content: "";
1703 - display: block;
1704 - width: 8px;
1705 - height: 8px;
1706 - border: 0;
1707 - background: transparent;
1708 - border-left: 2px solid #999;
1709 - border-bottom: 2px solid #999;
1710 - transform: rotate(-45deg);
1711 - margin-top: -6px;
1712 -}
1713 -.onboarding .onboarding-body .step.active .step-head .toggle-step::after {
1714 - transform: rotate(135deg);
603 +.onboarding .onboarding-body h1,
604 +.onboarding .onboarding-body h2,
605 +.onboarding .onboarding-body h3,
606 +.onboarding .onboarding-body p:first-child {
1715 607 margin-top: 0;
1716 608 }
1717 -.onboarding .onboarding-body .step .step-body {
1718 - padding: 15px 20px;
1719 - display: none;
1720 - transition: height 0.5s ease-in-out;
609 +.onboarding .onboarding-body p:last-child {
610 + margin-bottom: 0;
1721 611 }
1722 -.onboarding .onboarding-body .step .step-body p:first-child,
1723 -.onboarding .onboarding-body .step .step-body ol:first-child {
1724 - margin-top: 0;
1725 -}
1726 -.onboarding .onboarding-body .step.active .step-body {
1727 - display: block;
1728 - transition: height 0.5s ease-in-out;
1729 -}
1730 612 .onboarding .onboarding-footer {
1731 613 padding: 20px;
1732 614 border-top: 1px solid #eee;
1733 615 }
@@ -1739,9 +621,8 @@
1739 621 margin-right: -10px;
1740 622 }
1741 623 .dashboard-boxes .col {
1742 624 padding: 0 10px;
1743 - margin-bottom: 20px;
1744 625 }
1745 626 @media screen and (max-width: 992px) {
1746 627 .dashboard-boxes > .col:not(.w-100) {
1747 628 flex: 0 0 50% !important;
@@ -1756,9 +637,9 @@
1756 637 border-radius: 8px;
1757 638 background-color: #fff;
1758 639 display: flex;
1759 640 flex-direction: column;
1760 - height: 100%;
641 + margin-bottom: 20px;
1761 642 }
1762 643 .dashboard-boxes .dashboard-box.dashboard-box-top {
1763 644 height: auto;
1764 645 }
@@ -1793,23 +674,30 @@
1793 674 .dashboard-boxes .dashboard-box .dashboard-box-body {
1794 675 padding: 12px;
1795 676 }
1796 677 }
1797 -.dashboard-boxes .dashboard-box .dashboard-box-body p:first-child {
678 +.dashboard-boxes .dashboard-box .dashboard-box-body *:first-child {
1798 679 margin-top: 0;
1799 680 }
681 +.dashboard-boxes .dashboard-box .dashboard-box-body h3 {
682 + font-size: 1.2em;
683 +}
1800 684 .dashboard-boxes .dashboard-box .dashboard-box-body table {
1801 685 width: 100%;
1802 686 }
1803 -.dashboard-boxes .dashboard-box .dashboard-box-body table th {
1804 - padding-bottom: 10px;
687 +.dashboard-boxes .dashboard-box .dashboard-box-body table th,
688 +.dashboard-boxes .dashboard-box .dashboard-box-body table td {
1805 689 text-align: left;
690 + vertical-align: top;
1806 691 }
1807 -.dashboard-boxes .dashboard-box .dashboard-box-body table th:last-child {
1808 - text-align: right;
692 +.dashboard-boxes .dashboard-box .dashboard-box-body table th:first-child,
693 +.dashboard-boxes .dashboard-box .dashboard-box-body table td:first-child {
694 + width: 20%;
1809 695 }
1810 -.dashboard-boxes .dashboard-box .dashboard-box-body table td:last-child {
1811 - text-align: right;
696 +.dashboard-boxes .dashboard-box .dashboard-box-body.how-to ul {
697 + list-style: inherit;
698 + padding-left: 20px;
699 + margin-bottom: 10px;
1812 700 }
1813 701 .dashboard-boxes .dashboard-box .dashboard-box-body .dashicons-marker {
1814 702 color: #ccc;
1815 703 }
@@ -1818,9 +706,8 @@
1818 706 }
1819 707 .dashboard-boxes .dashboard-box .dashboard-box-footer {
1820 708 margin-top: auto;
1821 709 padding: 15px 20px;
1822 - border-top: 1px solid #eee;
1823 710 }
1824 711 .dashboard-boxes .dashboard-box .dashboard-box-footer .dashboard-box-buttons-wrap {
1825 712 text-align: right;
1826 713 }
@@ -1827,328 +714,89 @@
1827 714 .dashboard-boxes .dashboard-box .dashboard-box-footer .dashboard-box-buttons-wrap .button {
1828 715 margin-left: 10px;
1829 716 }
1830 717
1831 -.quantity-rating {
1832 - display: inline-block;
1833 - width: 12px;
1834 - height: 12px;
1835 - border-radius: 50%;
1836 - vertical-align: middle;
1837 - margin-left: 10px;
1838 - background: #cacaca;
718 +#wa-notifier-api-key {
719 + width: 100%;
720 + margin-bottom: 10px;
1839 721 }
1840 -.quantity-rating.quantity-rating-red {
1841 - background: red;
1842 -}
1843 -.quantity-rating.quantity-rating-green {
1844 - background: green;
1845 -}
1846 -.quantity-rating.quantity-rating-yellow {
1847 - background: #f8f13a;
1848 -}
1849 722
1850 -.post-type-wa_message_template #minor-publishing-actions #save-action,
1851 -.post-type-wa_message_template #misc-publishing-actions {
1852 - display: none;
723 +.notifier-triggers-group-wrap {
724 + margin-bottom: 30px;
1853 725 }
1854 -.post-type-wa_message_template #minor-publishing-actions {
1855 - padding: 15px 10px;
1856 - text-align: left;
726 +.notifier-triggers-group-wrap .notifier-trigger-wrap {
727 + margin-bottom: 20px;
1857 728 }
1858 -.post-type-wa_message_template.mt-status-approved #publishing-action, .post-type-wa_message_template.mt-status-pending #publishing-action {
1859 - display: none;
729 +.notifier-triggers-group-wrap .notifier-trigger-wrap .notifier-trigger-label {
730 + font-size: 16px;
1860 731 }
1861 -.post-type-wa_message_template #minor-publishing .refresh-status {
1862 - background: 0;
1863 - outline: none;
1864 - border: 0;
1865 - padding: 0;
1866 - display: inline-block;
1867 - vertical-align: middle;
1868 - margin-left: 10px;
1869 - cursor: pointer;
732 +.notifier-triggers-group-wrap .notifier-trigger-wrap .notifier-trigger-label input[type=checkbox] {
733 + -webkit-appearance: none;
734 + -moz-appearance: none;
735 + appearance: none;
736 + margin: 0;
737 + font: inherit;
738 + color: #697a8d;
739 + width: 20px;
740 + height: 20px;
741 + border: 2px solid #697a8d;
742 + border-radius: 3px;
743 + background-color: transparent;
744 + outline: none !important;
745 + margin-right: 10px;
1870 746 }
1871 -.post-type-wa_message_template #minor-publishing .refresh-status img {
1872 - width: 16px;
1873 - margin-top: 2px;
1874 -}
1875 -.post-type-wa_message_template .add-variable {
1876 - background: transparent;
1877 - border: 1px solid #8c8f94;
1878 - font-size: 11px;
1879 - text-align: center;
1880 - vertical-align: middle;
1881 - padding: 4px;
1882 - height: 23px;
1883 - border-radius: 20px;
1884 - color: #555;
1885 - float: right;
1886 - position: absolute;
1887 - top: 28px;
1888 - right: 22px;
1889 - z-index: 5;
1890 - cursor: pointer;
1891 -}
1892 -@media screen and (max-width: 767px) {
1893 - .post-type-wa_message_template .add-variable {
1894 - right: 0;
1895 - }
1896 -}
1897 -.post-type-wa_message_template .add-variable > .dashicons {
1898 - font-size: 13px;
1899 - height: auto;
1900 - width: auto;
1901 -}
1902 -.post-type-wa_message_template .add-variable:hover .hide {
1903 - display: inline !important;
1904 -}
1905 -
1906 -a.refresh-status.page-title-action::before {
747 +.notifier-triggers-group-wrap .notifier-trigger-wrap .notifier-trigger-label input[type=checkbox]::before {
1907 748 content: "";
1908 - display: inline-block;
1909 - vertical-align: middle;
1910 - width: 11px;
1911 - height: 13px;
1912 - background-image: url("../images/refresh.svg");
1913 - background-size: contain;
1914 - background-repeat: no-repeat;
1915 - margin-right: 5px;
1916 749 }
1917 -
1918 -.status {
1919 - display: inline-block;
1920 - padding: 3px 6px;
1921 - border: 1px solid;
1922 - line-height: normal;
1923 - font-size: 10px;
1924 - color: #bec3c9;
750 +.notifier-triggers-group-wrap .notifier-trigger-wrap .notifier-trigger-label input[type=checkbox]:checked {
751 + color: white;
752 + background: #0396a1;
753 + border-color: #0396a1;
754 + box-shadow: none;
1925 755 }
1926 -.status.status-approved {
1927 - color: #01a401;
1928 -}
1929 -.status.status-pending {
1930 - color: #ffba00;
1931 -}
1932 -.status.status-rejected {
1933 - color: #fa383e;
1934 -}
1935 -
1936 -#notifier-message-template-preview .inside {
1937 - margin-top: 0;
1938 - padding: 0;
1939 -}
1940 -#notifier-message-template-preview .inside .wa-template-preview {
1941 - padding: 20px;
1942 - min-height: 200px;
1943 - max-height: 400px;
1944 - overflow: auto;
1945 - background-color: #e5ddd5;
1946 - position: relative;
1947 -}
1948 -#notifier-message-template-preview .inside .wa-template-preview::before {
1949 - background: url("../images/whatsapp-bg.png");
1950 - background-size: 366.5px 666px;
1951 - content: "";
1952 - height: 100%;
1953 - left: 0;
1954 - opacity: 0.06;
1955 - position: absolute;
1956 - top: 0;
1957 - width: 100%;
1958 -}
1959 -#notifier-message-template-preview .inside .wa-template-preview .message-container {
1960 - background-color: #fff;
1961 - border-radius: 7.5px;
1962 - border-top-left-radius: 0;
1963 - box-shadow: 0 1px 0.5px rgba(0, 0, 0, 0.15);
1964 - min-height: 20px;
1965 - word-wrap: break-word;
1966 - position: relative;
1967 -}
1968 -#notifier-message-template-preview .inside .wa-template-preview .message-container::before {
1969 - content: "";
756 +.notifier-triggers-group-wrap .notifier-trigger-wrap .notifier-trigger-label input[type=checkbox]:checked::before {
757 + content: "\f147";
758 + font-family: "dashicons";
759 + font-size: 20px;
1970 760 display: block;
1971 - left: -16px;
1972 - top: 0;
1973 - border-left: 8px solid transparent;
1974 - border-right: 8px solid white;
1975 - border-bottom: 8px solid transparent;
1976 - height: 0;
1977 - width: 0;
1978 761 position: absolute;
1979 - right: 0;
1980 - z-index: 2;
762 + height: 18px;
763 + width: 18px;
764 + margin-top: -1px;
765 + margin-left: -3px;
1981 766 }
1982 -#notifier-message-template-preview .inside .wa-template-preview .message-container .message-content {
1983 - position: relative;
767 +.notifier-triggers-group-wrap .notifier-trigger-wrap .notifier-trigger-label .notifier-show-trigger-info {
768 + border: 0;
769 + background: none;
770 + padding: 0;
771 + cursor: pointer;
772 + color: #aaa;
1984 773 }
1985 -#notifier-message-template-preview .inside .wa-template-preview .message-container .message-content .message-head-text {
1986 - color: rgba(0, 0, 0, 0.76);
1987 - font-size: 15px;
1988 - font-weight: bold;
1989 - line-height: 19px;
1990 - padding: 6px 7px 0 9px;
774 +.notifier-triggers-group-wrap .notifier-trigger-wrap .notifier-trigger-info {
775 + background: #f7f7f7;
776 + padding: 10px;
777 + margin-top: 10px;
778 + border: 1px solid #eee;
779 + border-radius: 10px;
1991 780 }
1992 -#notifier-message-template-preview .inside .wa-template-preview .message-container .message-content .message-head-media {
1993 - padding: 3px 3px 0 3px;
1994 -}
1995 -#notifier-message-template-preview .inside .wa-template-preview .message-container .message-content .message-head-media .message-head-media-inner {
1996 - background-color: #ccd0d5;
1997 - background-position: center center;
1998 - background-repeat: no-repeat;
1999 - background-size: 80px 80px;
2000 - border-radius: 4px;
2001 - box-sizing: border-box;
2002 - height: 140px;
2003 -}
2004 -#notifier-message-template-preview .inside .wa-template-preview .message-container .message-content .message-head-media.message-head-image .message-head-media-inner {
2005 - background-image: url("../images/mt-preview-image.png");
2006 -}
2007 -#notifier-message-template-preview .inside .wa-template-preview .message-container .message-content .message-head-media.message-head-video .message-head-media-inner {
2008 - background-image: url("../images/mt-preview-video.png");
2009 -}
2010 -#notifier-message-template-preview .inside .wa-template-preview .message-container .message-content .message-head-media.message-head-document .message-head-media-inner {
2011 - background-image: url("../images/mt-preview-document.png");
2012 -}
2013 -#notifier-message-template-preview .inside .wa-template-preview .message-container .message-content .message-body {
2014 - color: #262626;
2015 - font-size: 13.6px;
2016 - line-height: 19px;
2017 - padding: 7px 7px 6px 9px;
2018 -}
2019 -#notifier-message-template-preview .inside .wa-template-preview .message-container .message-content .message-footer {
2020 - color: rgba(0, 0, 0, 0.45);
2021 - font-size: 13px;
2022 - line-height: 17px;
2023 - padding: 0 7px 8px 9px;
2024 -}
2025 -#notifier-message-template-preview .inside .wa-template-preview .message-container .message-content .message-date {
2026 - bottom: 3px;
2027 - color: rgba(0, 0, 0, 0.4);
2028 - font-size: 11px;
2029 - height: 15px;
2030 - line-height: 15px;
2031 - position: absolute;
2032 - right: 7px;
2033 -}
2034 -#notifier-message-template-preview .inside .wa-template-preview .message-container .message-buttons {
2035 - border-top: 1px solid #dadde1;
2036 - margin: 0 7px 0 9px;
2037 -}
2038 -#notifier-message-template-preview .inside .wa-template-preview .message-container .message-buttons .message-button-1,
2039 -#notifier-message-template-preview .inside .wa-template-preview .message-container .message-buttons .message-button-2 {
2040 - display: flex;
2041 - flex-direction: row;
2042 - justify-content: center;
2043 - align-items: center;
2044 -}
2045 -#notifier-message-template-preview .inside .wa-template-preview .message-container .message-buttons .message-button-1 .message-button-text,
2046 -#notifier-message-template-preview .inside .wa-template-preview .message-container .message-buttons .message-button-2 .message-button-text {
2047 - color: #00a5f4;
2048 - font-size: 14px;
2049 - height: 34px;
2050 - line-height: 34px;
2051 - padding: 0 16px;
2052 - overflow: hidden;
2053 - text-overflow: ellipsis;
2054 - white-space: nowrap;
2055 -}
2056 -#notifier-message-template-preview .inside .wa-template-preview .message-container .message-buttons .message-button-1 .message-button-img,
2057 -#notifier-message-template-preview .inside .wa-template-preview .message-container .message-buttons .message-button-2 .message-button-img {
2058 - background-repeat: no-repeat;
2059 - background-size: contain;
2060 - flex-shrink: 0;
2061 - height: 16px;
2062 - opacity: 0.8;
2063 - width: 16px;
2064 -}
2065 -#notifier-message-template-preview .inside .wa-template-preview .message-container .message-buttons .message-button-1 .message-button-img.call,
2066 -#notifier-message-template-preview .inside .wa-template-preview .message-container .message-buttons .message-button-2 .message-button-img.call {
2067 - background-image: url("../images/call.png");
2068 -}
2069 -#notifier-message-template-preview .inside .wa-template-preview .message-container .message-buttons .message-button-1 .message-button-img.visit,
2070 -#notifier-message-template-preview .inside .wa-template-preview .message-container .message-buttons .message-button-2 .message-button-img.visit {
2071 - background-image: url("../images/external-link.png");
2072 -}
2073 -#notifier-message-template-preview.sticky {
2074 - position: fixed;
2075 - top: 50px;
2076 - width: 100%;
2077 -}
2078 781
2079 -.post-type-wa_contact #post-body-content,
2080 -.post-type-wa_contact .term-parent-wrap,
2081 -.post-type-wa_contact #newwa_contact_list_parent,
2082 -.post-type-wa_contact #minor-publishing-actions,
2083 -.post-type-wa_contact #misc-publishing-actions {
2084 - display: none;
2085 -}
2086 -
2087 -.contacts-import-form {
2088 - max-width: 600px;
2089 -}
2090 -
2091 -.contact-import-options {
2092 - background: #fff;
2093 - border-radius: 8px;
2094 - margin-bottom: 15px;
2095 - margin-top: 10px;
2096 -}
2097 -.contact-import-options h3 {
2098 - margin-top: 0;
2099 -}
2100 -.contact-import-options label {
2101 - margin-right: 20px;
2102 -}
2103 -.contact-import-options .users-import-table {
782 +.notifier-overview-image {
783 + float: right;
784 + display: inline-block;
2104 785 width: 100%;
2105 - margin-bottom: 10px;
786 + height: auto;
787 + max-width: 250px;
788 + margin-left: 30px;
2106 789 }
2107 -.contact-import-options .users-import-table td input,
2108 -.contact-import-options .users-import-table td select {
2109 - width: 100%;
2110 - max-width: 400px;
2111 -}
2112 -.contact-import-options .users-import-table td:first-child {
2113 - width: 15%;
2114 -}
2115 -
2116 -.post-type-wa_notification #minor-publishing-actions,
2117 -.post-type-wa_notification #misc-publishing-actions {
2118 - display: none;
2119 -}
2120 -.post-type-wa_notification.disable-publishing #publishing-action {
2121 - display: none;
2122 -}
2123 -.post-type-wa_notification .send-to-fields,
2124 -.post-type-wa_notification .variables-mapping-fields {
2125 - width: calc(100% - 20px);
2126 -}
2127 790 @media screen and (max-width: 767px) {
2128 - .post-type-wa_notification .send-to-fields,
2129 -.post-type-wa_notification .variables-mapping-fields {
2130 - width: 100%;
791 + .notifier-overview-image {
792 + float: none;
2131 793 }
794 + .notifier-overview-image img {
795 + max-width: none;
796 + }
2132 797 }
2133 -.post-type-wa_notification .send-to-fields .form-field,
2134 -.post-type-wa_notification .variables-mapping-fields .form-field {
2135 - max-width: 100%;
2136 - margin: 0;
2137 -}
2138 -.post-type-wa_notification .variables-mapping-fields table td:first-child {
2139 - width: 10%;
2140 -}
2141 798
2142 -.ui-datepicker-current {
2143 - display: none;
2144 -}
2145 -
2146 -.add-recipient {
2147 - margin-left: auto !important;
2148 - margin-top: 5px !important;
2149 -}
2150 -
2151 799 .notifier-settings-form-profile .notifier-profile-fields-right {
2152 800 margin-left: 50px;
2153 801 margin-top: 100px;
2154 802 }
@@ -2192,10 +840,205 @@
2192 840 width: 100%;
2193 841 padding: 0;
2194 842 }
2195 843 }
2196 -.notifier-fields-table input:not([type=button]),
844 +.notifier-fields-table tr h3 {
845 + margin-bottom: 0;
846 +}
847 +.notifier-fields-table tr .description {
848 + font-weight: normal;
849 +}
850 +.notifier-fields-table input:not([type=button]):not([type=radio]):not([type=checkbox]),
2197 851 .notifier-fields-table textarea,
2198 852 .notifier-fields-table select {
2199 853 width: 100%;
2200 854 max-width: none;
855 +}
856 +.notifier-fields-table #notifier_ctc_enable {
857 + max-width: 16px;
858 + height: 16px;
859 +}
860 +
861 +.notifier-chat-btn-image-url {
862 + display: none;
863 +}
864 +
865 +.disabled-field {
866 + background: #fff !important;
867 + opacity: 0.5;
868 + pointer-events: none;
869 +}
870 +
871 +.post-type-wa_notifier_trigger #minor-publishing-actions #save-action,
872 +.post-type-wa_notifier_trigger #misc-publishing-actions {
873 + display: none;
874 +}
875 +.post-type-wa_notifier_trigger #minor-publishing-actions {
876 + padding: 15px 10px;
877 + text-align: left;
878 +}
879 +.post-type-wa_notifier_trigger .trigger-fields-wrap {
880 + margin: 1em 0;
881 +}
882 +.post-type-wa_notifier_trigger .notifier-trigger-merge-tags {
883 + margin-bottom: 5px;
884 +}
885 +.post-type-wa_notifier_trigger .notifier-trigger-merge-tags .notifier-merge-tags-wrap {
886 + padding: 10px 10px 5px 10px;
887 + border: 1px solid #8c8f94;
888 + border-radius: 3px;
889 +}
890 +.post-type-wa_notifier_trigger .notifier-trigger-merge-tags .notifier-merge-tags-wrap .notifier-merge-tags {
891 + flex-wrap: nowrap;
892 + margin-bottom: 15px;
893 + padding-bottom: 10px;
894 + border-bottom: 1px solid #ddd;
895 +}
896 +.post-type-wa_notifier_trigger .notifier-trigger-merge-tags .notifier-merge-tags-wrap .notifier-merge-tags:last-child {
897 + margin-bottom: 0;
898 + border-bottom: 0;
899 +}
900 +@media screen and (max-width: 767px) {
901 + .post-type-wa_notifier_trigger .notifier-trigger-merge-tags .notifier-merge-tags-wrap .notifier-merge-tags {
902 + flex-wrap: wrap;
903 + }
904 +}
905 +.post-type-wa_notifier_trigger .notifier-trigger-merge-tags .notifier-merge-tags-wrap .notifier-merge-tags legend.form-label {
906 + font-size: 13px;
907 + min-width: 120px;
908 + max-width: 120px;
909 + font-weight: 500;
910 + margin-bottom: 5px;
911 + margin-top: 1px;
912 +}
913 +.post-type-wa_notifier_trigger .notifier-trigger-merge-tags .notifier-merge-tags-wrap .notifier-merge-tags .multi-checkbox-wrapper {
914 + flex-grow: 1;
915 + max-height: 105px;
916 + overflow: auto;
917 +}
918 +@media screen and (max-width: 767px) {
919 + .post-type-wa_notifier_trigger .notifier-trigger-merge-tags .notifier-merge-tags-wrap .notifier-merge-tags .multi-checkbox-wrapper {
920 + max-height: 150px;
921 + }
922 +}
923 +.post-type-wa_notifier_trigger .notifier-trigger-merge-tags .notifier-merge-tags-wrap .notifier-merge-tags .multi-checkbox-wrapper .form-check {
924 + display: inline-block;
925 + margin-bottom: 5px;
926 + width: 25%;
927 +}
928 +.post-type-wa_notifier_trigger .notifier-trigger-merge-tags .notifier-merge-tags-wrap .notifier-merge-tags .multi-checkbox-wrapper .form-check .form-check-label {
929 + width: auto;
930 + display: block;
931 + white-space: nowrap;
932 + overflow: hidden;
933 + text-overflow: ellipsis;
934 +}
935 +@media screen and (max-width: 1440px) {
936 + .post-type-wa_notifier_trigger .notifier-trigger-merge-tags .notifier-merge-tags-wrap .notifier-merge-tags .multi-checkbox-wrapper .form-check {
937 + width: 33.33%;
938 + }
939 +}
940 +@media screen and (max-width: 1024px) {
941 + .post-type-wa_notifier_trigger .notifier-trigger-merge-tags .notifier-merge-tags-wrap .notifier-merge-tags .multi-checkbox-wrapper .form-check {
942 + width: 50%;
943 + }
944 +}
945 +@media screen and (max-width: 767px) {
946 + .post-type-wa_notifier_trigger .notifier-trigger-merge-tags .notifier-merge-tags-wrap .notifier-merge-tags .multi-checkbox-wrapper .form-check {
947 + width: 100%;
948 + }
949 +}
950 +
951 +.notifier-click-to-chat-btn {
952 + position: fixed;
953 + bottom: 20px;
954 + right: 20px;
955 + cursor: pointer;
956 + z-index: 99999999;
957 +}
958 +.notifier-click-to-chat-btn a {
959 + text-decoration: none !important;
960 + display: inline-block;
961 + outline: none !important;
962 +}
963 +.notifier-click-to-chat-btn a:hover, .notifier-click-to-chat-btn a:focus {
964 + text-decoration: none !important;
965 +}
966 +.notifier-click-to-chat-btn.notifier-click-to-chat-style-3 a {
967 + display: flex;
968 + justify-content: center;
969 + align-items: center;
970 + background-color: #e4e4e4;
971 + color: #7f7d7d;
972 + padding: 0 12px;
973 + border-radius: 25px;
974 + font-size: 13px;
975 + line-height: 32px;
976 +}
977 +.notifier-click-to-chat-btn.notifier-click-to-chat-style-4 a {
978 + display: flex;
979 + padding: 0 2rem;
980 + letter-spacing: 0.5px;
981 + transition: 0.2s ease-out;
982 + text-align: center;
983 + justify-content: center;
984 + align-items: center;
985 + border-radius: 2px;
986 + height: 36px;
987 + line-height: 36px;
988 + vertical-align: middle;
989 + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
990 + box-sizing: inherit;
991 + background-color: #26a69a;
992 + color: #fff;
993 +}
994 +.notifier-click-to-chat-btn.notifier-click-to-chat-style-custom img {
995 + width: 100%;
996 + height: auto;
997 + max-width: 150px;
998 + max-height: 150px;
999 + -o-object-fit: cover;
1000 + object-fit: cover;
1001 +}
1002 +
1003 +.notifier-tool-wrap {
1004 + background: #fff;
1005 + margin-bottom: 15px;
1006 + display: flex;
1007 + justify-content: space-between;
1008 + align-items: center;
1009 + padding: 20px;
1010 +}
1011 +.notifier-tool-wrap .notifier-tool-name {
1012 + margin-top: 0px;
1013 + margin-bottom: 10px;
1014 +}
1015 +.notifier-tool-wrap .notifier-tool-description {
1016 + margin: 0px;
1017 +}
1018 +
1019 +.notifier-tool-activity-wrap {
1020 + background: #ffffff;
1021 + margin-bottom: 15px;
1022 + padding: 20px;
1023 +}
1024 +.notifier-tool-activity-wrap .notifier-tool-inner-wrap {
1025 + display: flex;
1026 + justify-content: space-between;
1027 + align-items: center;
1028 +}
1029 +.notifier-tool-activity-wrap .notifier-tool-inner-wrap .notifier-tool-name {
1030 + margin-top: 0px;
1031 + margin-bottom: 10px;
1032 +}
1033 +.notifier-tool-activity-wrap .notifier-tool-inner-wrap .notifier-tool-description {
1034 + margin: 0px;
1035 +}
1036 +.notifier-tool-activity-wrap .activity-log-preview-wrap {
1037 + background: #f7f7f7;
1038 + padding: 10px;
1039 + max-height: 150px;
1040 + overflow: auto;
1041 + border: 1px solid #ddd;
1042 + border-radius: 8px;
1043 + margin-top: 10px;
2201 1044 }