PluginProbe
WANotifier for Forms and Actions / 0.1.0
WANotifier for Forms and Actions v0.1.0
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
notifier / assets / css / admin.css

admin.css in WANotifier for Forms and Actions 0.1.0, at assets/css/admin.css

2,202 lines 73.8 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
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}
2
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 */
8
9 /* Layout helpers
10 ----------------------------------*/
11 .ui-helper-hidden {
12 display: none;
13 }
14 .ui-helper-hidden-accessible {
15 border: 0;
16 clip: rect(0 0 0 0);
17 height: 1px;
18 margin: -1px;
19 overflow: hidden;
20 padding: 0;
21 position: absolute;
22 width: 1px;
23 }
24 .ui-helper-reset {
25 margin: 0;
26 padding: 0;
27 border: 0;
28 outline: 0;
29 line-height: 1.3;
30 text-decoration: none;
31 font-size: 100%;
32 list-style: none;
33 }
34 .ui-helper-clearfix:before,
35 .ui-helper-clearfix:after {
36 content: "";
37 display: table;
38 border-collapse: collapse;
39 }
40 .ui-helper-clearfix:after {
41 clear: both;
42 }
43 .ui-helper-zfix {
44 width: 100%;
45 height: 100%;
46 top: 0;
47 left: 0;
48 position: absolute;
49 opacity: 0;
50 filter:Alpha(Opacity=0); /* support: IE8 */
51 }
52
53 .ui-front {
54 z-index: 100;
55 }
56
57
58 /* Interaction Cues
59 ----------------------------------*/
60 .ui-state-disabled {
61 cursor: default !important;
62 pointer-events: none;
63 }
64
65
66 /* Icons
67 ----------------------------------*/
68 .ui-icon {
69 display: inline-block;
70 vertical-align: middle;
71 margin-top: -.25em;
72 position: relative;
73 text-indent: -99999px;
74 overflow: hidden;
75 background-repeat: no-repeat;
76 }
77
78 .ui-widget-icon-block {
79 left: 50%;
80 margin-left: -8px;
81 display: block;
82 }
83
84 /* Misc visuals
85 ----------------------------------*/
86
87 /* Overlays */
88 .ui-widget-overlay {
89 position: fixed;
90 top: 0;
91 left: 0;
92 width: 100%;
93 height: 100%;
94 }
95 .ui-accordion .ui-accordion-header {
96 display: block;
97 cursor: pointer;
98 position: relative;
99 margin: 2px 0 0 0;
100 padding: .5em .5em .5em .7em;
101 font-size: 100%;
102 }
103 .ui-accordion .ui-accordion-content {
104 padding: 1em 2.2em;
105 border-top: 0;
106 overflow: auto;
107 }
108 .ui-autocomplete {
109 position: absolute;
110 top: 0;
111 left: 0;
112 cursor: default;
113 }
114 .ui-menu {
115 list-style: none;
116 padding: 0;
117 margin: 0;
118 display: block;
119 outline: 0;
120 }
121 .ui-menu .ui-menu {
122 position: absolute;
123 }
124 .ui-menu .ui-menu-item {
125 margin: 0;
126 cursor: pointer;
127 /* support: IE10, see #8844 */
128 list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
129 }
130 .ui-menu .ui-menu-item-wrapper {
131 position: relative;
132 padding: 3px 1em 3px .4em;
133 }
134 .ui-menu .ui-menu-divider {
135 margin: 5px 0;
136 height: 0;
137 font-size: 0;
138 line-height: 0;
139 border-width: 1px 0 0 0;
140 }
141 .ui-menu .ui-state-focus,
142 .ui-menu .ui-state-active {
143 margin: -1px;
144 }
145
146 /* icon support */
147 .ui-menu-icons {
148 position: relative;
149 }
150 .ui-menu-icons .ui-menu-item-wrapper {
151 padding-left: 2em;
152 }
153
154 /* left-aligned */
155 .ui-menu .ui-icon {
156 position: absolute;
157 top: 0;
158 bottom: 0;
159 left: .2em;
160 margin: auto 0;
161 }
162
163 /* right-aligned */
164 .ui-menu .ui-menu-icon {
165 left: auto;
166 right: 0;
167 }
168 .ui-button {
169 padding: .4em 1em;
170 display: inline-block;
171 position: relative;
172 line-height: normal;
173 margin-right: .1em;
174 cursor: pointer;
175 vertical-align: middle;
176 text-align: center;
177 -webkit-user-select: none;
178 -moz-user-select: none;
179 -ms-user-select: none;
180 user-select: none;
181
182 /* Support: IE <= 11 */
183 overflow: visible;
184 }
185
186 .ui-button,
187 .ui-button:link,
188 .ui-button:visited,
189 .ui-button:hover,
190 .ui-button:active {
191 text-decoration: none;
192 }
193
194 /* to make room for the icon, a width needs to be set here */
195 .ui-button-icon-only {
196 width: 2em;
197 box-sizing: border-box;
198 text-indent: -9999px;
199 white-space: nowrap;
200 }
201
202 /* no icon support for input elements */
203 input.ui-button.ui-button-icon-only {
204 text-indent: 0;
205 }
206
207 /* button icon element(s) */
208 .ui-button-icon-only .ui-icon {
209 position: absolute;
210 top: 50%;
211 left: 50%;
212 margin-top: -8px;
213 margin-left: -8px;
214 }
215
216 .ui-button.ui-icon-notext .ui-icon {
217 padding: 0;
218 width: 2.1em;
219 height: 2.1em;
220 text-indent: -9999px;
221 white-space: nowrap;
222
223 }
224
225 input.ui-button.ui-icon-notext .ui-icon {
226 width: auto;
227 height: auto;
228 text-indent: 0;
229 white-space: normal;
230 padding: .4em 1em;
231 }
232
233 /* workarounds */
234 /* Support: Firefox 5 - 40 */
235 input.ui-button::-moz-focus-inner,
236 button.ui-button::-moz-focus-inner {
237 border: 0;
238 padding: 0;
239 }
240 .ui-controlgroup {
241 vertical-align: middle;
242 display: inline-block;
243 }
244 .ui-controlgroup > .ui-controlgroup-item {
245 float: left;
246 margin-left: 0;
247 margin-right: 0;
248 }
249 .ui-controlgroup > .ui-controlgroup-item:focus,
250 .ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
251 z-index: 9999;
252 }
253 .ui-controlgroup-vertical > .ui-controlgroup-item {
254 display: block;
255 float: none;
256 width: 100%;
257 margin-top: 0;
258 margin-bottom: 0;
259 text-align: left;
260 }
261 .ui-controlgroup-vertical .ui-controlgroup-item {
262 box-sizing: border-box;
263 }
264 .ui-controlgroup .ui-controlgroup-label {
265 padding: .4em 1em;
266 }
267 .ui-controlgroup .ui-controlgroup-label span {
268 font-size: 80%;
269 }
270 .ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
271 border-left: none;
272 }
273 .ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
274 border-top: none;
275 }
276 .ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
277 border-right: none;
278 }
279 .ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
280 border-bottom: none;
281 }
282
283 /* Spinner specific style fixes */
284 .ui-controlgroup-vertical .ui-spinner-input {
285
286 /* Support: IE8 only, Android < 4.4 only */
287 width: 75%;
288 width: calc( 100% - 2.4em );
289 }
290 .ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
291 border-top-style: solid;
292 }
293
294 .ui-checkboxradio-label .ui-icon-background {
295 box-shadow: inset 1px 1px 1px #ccc;
296 border-radius: .12em;
297 border: none;
298 }
299 .ui-checkboxradio-radio-label .ui-icon-background {
300 width: 16px;
301 height: 16px;
302 border-radius: 1em;
303 overflow: visible;
304 border: none;
305 }
306 .ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
307 .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
308 background-image: none;
309 width: 8px;
310 height: 8px;
311 border-width: 4px;
312 border-style: solid;
313 }
314 .ui-checkboxradio-disabled {
315 pointer-events: none;
316 }
317 .ui-datepicker {
318 width: 17em;
319 padding: .2em .2em 0;
320 display: none;
321 }
322 .ui-datepicker .ui-datepicker-header {
323 position: relative;
324 padding: .2em 0;
325 }
326 .ui-datepicker .ui-datepicker-prev,
327 .ui-datepicker .ui-datepicker-next {
328 position: absolute;
329 top: 2px;
330 width: 1.8em;
331 height: 1.8em;
332 }
333 .ui-datepicker .ui-datepicker-prev-hover,
334 .ui-datepicker .ui-datepicker-next-hover {
335 top: 1px;
336 }
337 .ui-datepicker .ui-datepicker-prev {
338 left: 2px;
339 }
340 .ui-datepicker .ui-datepicker-next {
341 right: 2px;
342 }
343 .ui-datepicker .ui-datepicker-prev-hover {
344 left: 1px;
345 }
346 .ui-datepicker .ui-datepicker-next-hover {
347 right: 1px;
348 }
349 .ui-datepicker .ui-datepicker-prev span,
350 .ui-datepicker .ui-datepicker-next span {
351 display: block;
352 position: absolute;
353 left: 50%;
354 margin-left: -8px;
355 top: 50%;
356 margin-top: -8px;
357 }
358 .ui-datepicker .ui-datepicker-title {
359 margin: 0 2.3em;
360 line-height: 1.8em;
361 text-align: center;
362 }
363 .ui-datepicker .ui-datepicker-title select {
364 font-size: 1em;
365 margin: 1px 0;
366 }
367 .ui-datepicker select.ui-datepicker-month,
368 .ui-datepicker select.ui-datepicker-year {
369 width: 45%;
370 }
371 .ui-datepicker table {
372 width: 100%;
373 font-size: .9em;
374 border-collapse: collapse;
375 margin: 0 0 .4em;
376 }
377 .ui-datepicker th {
378 padding: .7em .3em;
379 text-align: center;
380 font-weight: bold;
381 border: 0;
382 }
383 .ui-datepicker td {
384 border: 0;
385 padding: 1px;
386 }
387 .ui-datepicker td span,
388 .ui-datepicker td a {
389 display: block;
390 padding: .2em;
391 text-align: right;
392 text-decoration: none;
393 }
394 .ui-datepicker .ui-datepicker-buttonpane {
395 background-image: none;
396 margin: .7em 0 0 0;
397 padding: 0 .2em;
398 border-left: 0;
399 border-right: 0;
400 border-bottom: 0;
401 }
402 .ui-datepicker .ui-datepicker-buttonpane button {
403 float: right;
404 margin: .5em .2em .4em;
405 cursor: pointer;
406 padding: .2em .6em .3em .6em;
407 width: auto;
408 overflow: visible;
409 }
410 .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
411 float: left;
412 }
413
414 /* with multiple calendars */
415 .ui-datepicker.ui-datepicker-multi {
416 width: auto;
417 }
418 .ui-datepicker-multi .ui-datepicker-group {
419 float: left;
420 }
421 .ui-datepicker-multi .ui-datepicker-group table {
422 width: 95%;
423 margin: 0 auto .4em;
424 }
425 .ui-datepicker-multi-2 .ui-datepicker-group {
426 width: 50%;
427 }
428 .ui-datepicker-multi-3 .ui-datepicker-group {
429 width: 33.3%;
430 }
431 .ui-datepicker-multi-4 .ui-datepicker-group {
432 width: 25%;
433 }
434 .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
435 .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
436 border-left-width: 0;
437 }
438 .ui-datepicker-multi .ui-datepicker-buttonpane {
439 clear: left;
440 }
441 .ui-datepicker-row-break {
442 clear: both;
443 width: 100%;
444 font-size: 0;
445 }
446
447 /* RTL support */
448 .ui-datepicker-rtl {
449 direction: rtl;
450 }
451 .ui-datepicker-rtl .ui-datepicker-prev {
452 right: 2px;
453 left: auto;
454 }
455 .ui-datepicker-rtl .ui-datepicker-next {
456 left: 2px;
457 right: auto;
458 }
459 .ui-datepicker-rtl .ui-datepicker-prev:hover {
460 right: 1px;
461 left: auto;
462 }
463 .ui-datepicker-rtl .ui-datepicker-next:hover {
464 left: 1px;
465 right: auto;
466 }
467 .ui-datepicker-rtl .ui-datepicker-buttonpane {
468 clear: right;
469 }
470 .ui-datepicker-rtl .ui-datepicker-buttonpane button {
471 float: left;
472 }
473 .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
474 .ui-datepicker-rtl .ui-datepicker-group {
475 float: right;
476 }
477 .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
478 .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
479 border-right-width: 0;
480 border-left-width: 1px;
481 }
482
483 /* Icons */
484 .ui-datepicker .ui-icon {
485 display: block;
486 text-indent: -99999px;
487 overflow: hidden;
488 background-repeat: no-repeat;
489 left: .5em;
490 top: .3em;
491 }
492 .ui-dialog {
493 position: absolute;
494 top: 0;
495 left: 0;
496 padding: .2em;
497 outline: 0;
498 }
499 .ui-dialog .ui-dialog-titlebar {
500 padding: .4em 1em;
501 position: relative;
502 }
503 .ui-dialog .ui-dialog-title {
504 float: left;
505 margin: .1em 0;
506 white-space: nowrap;
507 width: 90%;
508 overflow: hidden;
509 text-overflow: ellipsis;
510 }
511 .ui-dialog .ui-dialog-titlebar-close {
512 position: absolute;
513 right: .3em;
514 top: 50%;
515 width: 20px;
516 margin: -10px 0 0 0;
517 padding: 1px;
518 height: 20px;
519 }
520 .ui-dialog .ui-dialog-content {
521 position: relative;
522 border: 0;
523 padding: .5em 1em;
524 background: none;
525 overflow: auto;
526 }
527 .ui-dialog .ui-dialog-buttonpane {
528 text-align: left;
529 border-width: 1px 0 0 0;
530 background-image: none;
531 margin-top: .5em;
532 padding: .3em 1em .5em .4em;
533 }
534 .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
535 float: right;
536 }
537 .ui-dialog .ui-dialog-buttonpane button {
538 margin: .5em .4em .5em 0;
539 cursor: pointer;
540 }
541 .ui-dialog .ui-resizable-n {
542 height: 2px;
543 top: 0;
544 }
545 .ui-dialog .ui-resizable-e {
546 width: 2px;
547 right: 0;
548 }
549 .ui-dialog .ui-resizable-s {
550 height: 2px;
551 bottom: 0;
552 }
553 .ui-dialog .ui-resizable-w {
554 width: 2px;
555 left: 0;
556 }
557 .ui-dialog .ui-resizable-se,
558 .ui-dialog .ui-resizable-sw,
559 .ui-dialog .ui-resizable-ne,
560 .ui-dialog .ui-resizable-nw {
561 width: 7px;
562 height: 7px;
563 }
564 .ui-dialog .ui-resizable-se {
565 right: 0;
566 bottom: 0;
567 }
568 .ui-dialog .ui-resizable-sw {
569 left: 0;
570 bottom: 0;
571 }
572 .ui-dialog .ui-resizable-ne {
573 right: 0;
574 top: 0;
575 }
576 .ui-dialog .ui-resizable-nw {
577 left: 0;
578 top: 0;
579 }
580 .ui-draggable .ui-dialog-titlebar {
581 cursor: move;
582 }
583 .ui-draggable-handle {
584 touch-action: none;
585 }
586 .ui-resizable {
587 position: relative;
588 }
589 .ui-resizable-handle {
590 position: absolute;
591 font-size: 0.1px;
592 display: block;
593 touch-action: none;
594 }
595 .ui-resizable-disabled .ui-resizable-handle,
596 .ui-resizable-autohide .ui-resizable-handle {
597 display: none;
598 }
599 .ui-resizable-n {
600 cursor: n-resize;
601 height: 7px;
602 width: 100%;
603 top: -5px;
604 left: 0;
605 }
606 .ui-resizable-s {
607 cursor: s-resize;
608 height: 7px;
609 width: 100%;
610 bottom: -5px;
611 left: 0;
612 }
613 .ui-resizable-e {
614 cursor: e-resize;
615 width: 7px;
616 right: -5px;
617 top: 0;
618 height: 100%;
619 }
620 .ui-resizable-w {
621 cursor: w-resize;
622 width: 7px;
623 left: -5px;
624 top: 0;
625 height: 100%;
626 }
627 .ui-resizable-se {
628 cursor: se-resize;
629 width: 12px;
630 height: 12px;
631 right: 1px;
632 bottom: 1px;
633 }
634 .ui-resizable-sw {
635 cursor: sw-resize;
636 width: 9px;
637 height: 9px;
638 left: -5px;
639 bottom: -5px;
640 }
641 .ui-resizable-nw {
642 cursor: nw-resize;
643 width: 9px;
644 height: 9px;
645 left: -5px;
646 top: -5px;
647 }
648 .ui-resizable-ne {
649 cursor: ne-resize;
650 width: 9px;
651 height: 9px;
652 right: -5px;
653 top: -5px;
654 }
655 .ui-progressbar {
656 height: 2em;
657 text-align: left;
658 overflow: hidden;
659 }
660 .ui-progressbar .ui-progressbar-value {
661 margin: -1px;
662 height: 100%;
663 }
664 .ui-progressbar .ui-progressbar-overlay {
665 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==");
666 height: 100%;
667 filter: alpha(opacity=25); /* support: IE8 */
668 opacity: 0.25;
669 }
670 .ui-progressbar-indeterminate .ui-progressbar-value {
671 background-image: none;
672 }
673 .ui-selectable {
674 touch-action: none;
675 }
676 .ui-selectable-helper {
677 position: absolute;
678 z-index: 100;
679 border: 1px dotted black;
680 }
681 .ui-selectmenu-menu {
682 padding: 0;
683 margin: 0;
684 position: absolute;
685 top: 0;
686 left: 0;
687 display: none;
688 }
689 .ui-selectmenu-menu .ui-menu {
690 overflow: auto;
691 overflow-x: hidden;
692 padding-bottom: 1px;
693 }
694 .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
695 font-size: 1em;
696 font-weight: bold;
697 line-height: 1.5;
698 padding: 2px 0.4em;
699 margin: 0.5em 0 0 0;
700 height: auto;
701 border: 0;
702 }
703 .ui-selectmenu-open {
704 display: block;
705 }
706 .ui-selectmenu-text {
707 display: block;
708 margin-right: 20px;
709 overflow: hidden;
710 text-overflow: ellipsis;
711 }
712 .ui-selectmenu-button.ui-button {
713 text-align: left;
714 white-space: nowrap;
715 width: 14em;
716 }
717 .ui-selectmenu-icon.ui-icon {
718 float: right;
719 margin-top: 0;
720 }
721 .ui-slider {
722 position: relative;
723 text-align: left;
724 }
725 .ui-slider .ui-slider-handle {
726 position: absolute;
727 z-index: 2;
728 width: 1.2em;
729 height: 1.2em;
730 cursor: default;
731 touch-action: none;
732 }
733 .ui-slider .ui-slider-range {
734 position: absolute;
735 z-index: 1;
736 font-size: .7em;
737 display: block;
738 border: 0;
739 background-position: 0 0;
740 }
741
742 /* support: IE8 - See #6727 */
743 .ui-slider.ui-state-disabled .ui-slider-handle,
744 .ui-slider.ui-state-disabled .ui-slider-range {
745 filter: inherit;
746 }
747
748 .ui-slider-horizontal {
749 height: .8em;
750 }
751 .ui-slider-horizontal .ui-slider-handle {
752 top: -.3em;
753 margin-left: -.6em;
754 }
755 .ui-slider-horizontal .ui-slider-range {
756 top: 0;
757 height: 100%;
758 }
759 .ui-slider-horizontal .ui-slider-range-min {
760 left: 0;
761 }
762 .ui-slider-horizontal .ui-slider-range-max {
763 right: 0;
764 }
765
766 .ui-slider-vertical {
767 width: .8em;
768 height: 100px;
769 }
770 .ui-slider-vertical .ui-slider-handle {
771 left: -.3em;
772 margin-left: 0;
773 margin-bottom: -.6em;
774 }
775 .ui-slider-vertical .ui-slider-range {
776 left: 0;
777 width: 100%;
778 }
779 .ui-slider-vertical .ui-slider-range-min {
780 bottom: 0;
781 }
782 .ui-slider-vertical .ui-slider-range-max {
783 top: 0;
784 }
785 .ui-sortable-handle {
786 touch-action: none;
787 }
788 .ui-spinner {
789 position: relative;
790 display: inline-block;
791 overflow: hidden;
792 padding: 0;
793 vertical-align: middle;
794 }
795 .ui-spinner-input {
796 border: none;
797 background: none;
798 color: inherit;
799 padding: .222em 0;
800 margin: .2em 0;
801 vertical-align: middle;
802 margin-left: .4em;
803 margin-right: 2em;
804 }
805 .ui-spinner-button {
806 width: 1.6em;
807 height: 50%;
808 font-size: .5em;
809 padding: 0;
810 margin: 0;
811 text-align: center;
812 position: absolute;
813 cursor: default;
814 display: block;
815 overflow: hidden;
816 right: 0;
817 }
818 /* more specificity required here to override default borders */
819 .ui-spinner a.ui-spinner-button {
820 border-top-style: none;
821 border-bottom-style: none;
822 border-right-style: none;
823 }
824 .ui-spinner-up {
825 top: 0;
826 }
827 .ui-spinner-down {
828 bottom: 0;
829 }
830 .ui-tabs {
831 position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
832 padding: .2em;
833 }
834 .ui-tabs .ui-tabs-nav {
835 margin: 0;
836 padding: .2em .2em 0;
837 }
838 .ui-tabs .ui-tabs-nav li {
839 list-style: none;
840 float: left;
841 position: relative;
842 top: 0;
843 margin: 1px .2em 0 0;
844 border-bottom-width: 0;
845 padding: 0;
846 white-space: nowrap;
847 }
848 .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
849 float: left;
850 padding: .5em 1em;
851 text-decoration: none;
852 }
853 .ui-tabs .ui-tabs-nav li.ui-tabs-active {
854 margin-bottom: -1px;
855 padding-bottom: 1px;
856 }
857 .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
858 .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
859 .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
860 cursor: text;
861 }
862 .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
863 cursor: pointer;
864 }
865 .ui-tabs .ui-tabs-panel {
866 display: block;
867 border-width: 0;
868 padding: 1em 1.4em;
869 background: none;
870 }
871 .ui-tooltip {
872 padding: 8px;
873 position: absolute;
874 z-index: 9999;
875 max-width: 300px;
876 }
877 body .ui-tooltip {
878 border-width: 2px;
879 }
880 /* Component containers
881 ----------------------------------*/
882 .ui-widget {
883 font-family: Arial,Helvetica,sans-serif;
884 font-size: 1em;
885 }
886 .ui-widget .ui-widget {
887 font-size: 1em;
888 }
889 .ui-widget input,
890 .ui-widget select,
891 .ui-widget textarea,
892 .ui-widget button {
893 font-family: Arial,Helvetica,sans-serif;
894 font-size: 1em;
895 }
896 .ui-widget.ui-widget-content {
897 border: 1px solid #c5c5c5;
898 }
899 .ui-widget-content {
900 border: 1px solid #dddddd;
901 background: #ffffff;
902 color: #333333;
903 }
904 .ui-widget-content a {
905 color: #333333;
906 }
907 .ui-widget-header {
908 border: 1px solid #dddddd;
909 background: #e9e9e9;
910 color: #333333;
911 font-weight: bold;
912 }
913 .ui-widget-header a {
914 color: #333333;
915 }
916
917 /* Interaction states
918 ----------------------------------*/
919 .ui-state-default,
920 .ui-widget-content .ui-state-default,
921 .ui-widget-header .ui-state-default,
922 .ui-button,
923
924 /* We use html here because we need a greater specificity to make sure disabled
925 works properly when clicked or hovered */
926 html .ui-button.ui-state-disabled:hover,
927 html .ui-button.ui-state-disabled:active {
928 border: 1px solid #c5c5c5;
929 background: #f6f6f6;
930 font-weight: normal;
931 color: #454545;
932 }
933 .ui-state-default a,
934 .ui-state-default a:link,
935 .ui-state-default a:visited,
936 a.ui-button,
937 a:link.ui-button,
938 a:visited.ui-button,
939 .ui-button {
940 color: #454545;
941 text-decoration: none;
942 }
943 .ui-state-hover,
944 .ui-widget-content .ui-state-hover,
945 .ui-widget-header .ui-state-hover,
946 .ui-state-focus,
947 .ui-widget-content .ui-state-focus,
948 .ui-widget-header .ui-state-focus,
949 .ui-button:hover,
950 .ui-button:focus {
951 border: 1px solid #cccccc;
952 background: #ededed;
953 font-weight: normal;
954 color: #2b2b2b;
955 }
956 .ui-state-hover a,
957 .ui-state-hover a:hover,
958 .ui-state-hover a:link,
959 .ui-state-hover a:visited,
960 .ui-state-focus a,
961 .ui-state-focus a:hover,
962 .ui-state-focus a:link,
963 .ui-state-focus a:visited,
964 a.ui-button:hover,
965 a.ui-button:focus {
966 color: #2b2b2b;
967 text-decoration: none;
968 }
969
970 .ui-visual-focus {
971 box-shadow: 0 0 3px 1px rgb(94, 158, 214);
972 }
973 .ui-state-active,
974 .ui-widget-content .ui-state-active,
975 .ui-widget-header .ui-state-active,
976 a.ui-button:active,
977 .ui-button:active,
978 .ui-button.ui-state-active:hover {
979 border: 1px solid #003eff;
980 background: #007fff;
981 font-weight: normal;
982 color: #ffffff;
983 }
984 .ui-icon-background,
985 .ui-state-active .ui-icon-background {
986 border: #003eff;
987 background-color: #ffffff;
988 }
989 .ui-state-active a,
990 .ui-state-active a:link,
991 .ui-state-active a:visited {
992 color: #ffffff;
993 text-decoration: none;
994 }
995
996 /* Interaction Cues
997 ----------------------------------*/
998 .ui-state-highlight,
999 .ui-widget-content .ui-state-highlight,
1000 .ui-widget-header .ui-state-highlight {
1001 border: 1px solid #dad55e;
1002 background: #fffa90;
1003 color: #777620;
1004 }
1005 .ui-state-checked {
1006 border: 1px solid #dad55e;
1007 background: #fffa90;
1008 }
1009 .ui-state-highlight a,
1010 .ui-widget-content .ui-state-highlight a,
1011 .ui-widget-header .ui-state-highlight a {
1012 color: #777620;
1013 }
1014 .ui-state-error,
1015 .ui-widget-content .ui-state-error,
1016 .ui-widget-header .ui-state-error {
1017 border: 1px solid #f1a899;
1018 background: #fddfdf;
1019 color: #5f3f3f;
1020 }
1021 .ui-state-error a,
1022 .ui-widget-content .ui-state-error a,
1023 .ui-widget-header .ui-state-error a {
1024 color: #5f3f3f;
1025 }
1026 .ui-state-error-text,
1027 .ui-widget-content .ui-state-error-text,
1028 .ui-widget-header .ui-state-error-text {
1029 color: #5f3f3f;
1030 }
1031 .ui-priority-primary,
1032 .ui-widget-content .ui-priority-primary,
1033 .ui-widget-header .ui-priority-primary {
1034 font-weight: bold;
1035 }
1036 .ui-priority-secondary,
1037 .ui-widget-content .ui-priority-secondary,
1038 .ui-widget-header .ui-priority-secondary {
1039 opacity: .7;
1040 filter:Alpha(Opacity=70); /* support: IE8 */
1041 font-weight: normal;
1042 }
1043 .ui-state-disabled,
1044 .ui-widget-content .ui-state-disabled,
1045 .ui-widget-header .ui-state-disabled {
1046 opacity: .35;
1047 filter:Alpha(Opacity=35); /* support: IE8 */
1048 background-image: none;
1049 }
1050 .ui-state-disabled .ui-icon {
1051 filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
1052 }
1053
1054 /* Icons
1055 ----------------------------------*/
1056
1057 /* states and images */
1058 .ui-icon {
1059 width: 16px;
1060 height: 16px;
1061 }
1062 .ui-icon,
1063 .ui-widget-content .ui-icon {
1064 background-image: url("images/ui-icons_444444_256x240.png");
1065 }
1066 .ui-widget-header .ui-icon {
1067 background-image: url("images/ui-icons_444444_256x240.png");
1068 }
1069 .ui-state-hover .ui-icon,
1070 .ui-state-focus .ui-icon,
1071 .ui-button:hover .ui-icon,
1072 .ui-button:focus .ui-icon {
1073 background-image: url("images/ui-icons_555555_256x240.png");
1074 }
1075 .ui-state-active .ui-icon,
1076 .ui-button:active .ui-icon {
1077 background-image: url("images/ui-icons_ffffff_256x240.png");
1078 }
1079 .ui-state-highlight .ui-icon,
1080 .ui-button .ui-state-highlight.ui-icon {
1081 background-image: url("images/ui-icons_777620_256x240.png");
1082 }
1083 .ui-state-error .ui-icon,
1084 .ui-state-error-text .ui-icon {
1085 background-image: url("images/ui-icons_cc0000_256x240.png");
1086 }
1087 .ui-button .ui-icon {
1088 background-image: url("images/ui-icons_777777_256x240.png");
1089 }
1090
1091 /* positioning */
1092 .ui-icon-blank { background-position: 16px 16px; }
1093 .ui-icon-caret-1-n { background-position: 0 0; }
1094 .ui-icon-caret-1-ne { background-position: -16px 0; }
1095 .ui-icon-caret-1-e { background-position: -32px 0; }
1096 .ui-icon-caret-1-se { background-position: -48px 0; }
1097 .ui-icon-caret-1-s { background-position: -65px 0; }
1098 .ui-icon-caret-1-sw { background-position: -80px 0; }
1099 .ui-icon-caret-1-w { background-position: -96px 0; }
1100 .ui-icon-caret-1-nw { background-position: -112px 0; }
1101 .ui-icon-caret-2-n-s { background-position: -128px 0; }
1102 .ui-icon-caret-2-e-w { background-position: -144px 0; }
1103 .ui-icon-triangle-1-n { background-position: 0 -16px; }
1104 .ui-icon-triangle-1-ne { background-position: -16px -16px; }
1105 .ui-icon-triangle-1-e { background-position: -32px -16px; }
1106 .ui-icon-triangle-1-se { background-position: -48px -16px; }
1107 .ui-icon-triangle-1-s { background-position: -65px -16px; }
1108 .ui-icon-triangle-1-sw { background-position: -80px -16px; }
1109 .ui-icon-triangle-1-w { background-position: -96px -16px; }
1110 .ui-icon-triangle-1-nw { background-position: -112px -16px; }
1111 .ui-icon-triangle-2-n-s { background-position: -128px -16px; }
1112 .ui-icon-triangle-2-e-w { background-position: -144px -16px; }
1113 .ui-icon-arrow-1-n { background-position: 0 -32px; }
1114 .ui-icon-arrow-1-ne { background-position: -16px -32px; }
1115 .ui-icon-arrow-1-e { background-position: -32px -32px; }
1116 .ui-icon-arrow-1-se { background-position: -48px -32px; }
1117 .ui-icon-arrow-1-s { background-position: -65px -32px; }
1118 .ui-icon-arrow-1-sw { background-position: -80px -32px; }
1119 .ui-icon-arrow-1-w { background-position: -96px -32px; }
1120 .ui-icon-arrow-1-nw { background-position: -112px -32px; }
1121 .ui-icon-arrow-2-n-s { background-position: -128px -32px; }
1122 .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
1123 .ui-icon-arrow-2-e-w { background-position: -160px -32px; }
1124 .ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
1125 .ui-icon-arrowstop-1-n { background-position: -192px -32px; }
1126 .ui-icon-arrowstop-1-e { background-position: -208px -32px; }
1127 .ui-icon-arrowstop-1-s { background-position: -224px -32px; }
1128 .ui-icon-arrowstop-1-w { background-position: -240px -32px; }
1129 .ui-icon-arrowthick-1-n { background-position: 1px -48px; }
1130 .ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
1131 .ui-icon-arrowthick-1-e { background-position: -32px -48px; }
1132 .ui-icon-arrowthick-1-se { background-position: -48px -48px; }
1133 .ui-icon-arrowthick-1-s { background-position: -64px -48px; }
1134 .ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
1135 .ui-icon-arrowthick-1-w { background-position: -96px -48px; }
1136 .ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
1137 .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
1138 .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
1139 .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
1140 .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
1141 .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
1142 .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
1143 .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
1144 .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
1145 .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
1146 .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
1147 .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
1148 .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
1149 .ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
1150 .ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
1151 .ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
1152 .ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
1153 .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
1154 .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
1155 .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
1156 .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
1157 .ui-icon-arrow-4 { background-position: 0 -80px; }
1158 .ui-icon-arrow-4-diag { background-position: -16px -80px; }
1159 .ui-icon-extlink { background-position: -32px -80px; }
1160 .ui-icon-newwin { background-position: -48px -80px; }
1161 .ui-icon-refresh { background-position: -64px -80px; }
1162 .ui-icon-shuffle { background-position: -80px -80px; }
1163 .ui-icon-transfer-e-w { background-position: -96px -80px; }
1164 .ui-icon-transferthick-e-w { background-position: -112px -80px; }
1165 .ui-icon-folder-collapsed { background-position: 0 -96px; }
1166 .ui-icon-folder-open { background-position: -16px -96px; }
1167 .ui-icon-document { background-position: -32px -96px; }
1168 .ui-icon-document-b { background-position: -48px -96px; }
1169 .ui-icon-note { background-position: -64px -96px; }
1170 .ui-icon-mail-closed { background-position: -80px -96px; }
1171 .ui-icon-mail-open { background-position: -96px -96px; }
1172 .ui-icon-suitcase { background-position: -112px -96px; }
1173 .ui-icon-comment { background-position: -128px -96px; }
1174 .ui-icon-person { background-position: -144px -96px; }
1175 .ui-icon-print { background-position: -160px -96px; }
1176 .ui-icon-trash { background-position: -176px -96px; }
1177 .ui-icon-locked { background-position: -192px -96px; }
1178 .ui-icon-unlocked { background-position: -208px -96px; }
1179 .ui-icon-bookmark { background-position: -224px -96px; }
1180 .ui-icon-tag { background-position: -240px -96px; }
1181 .ui-icon-home { background-position: 0 -112px; }
1182 .ui-icon-flag { background-position: -16px -112px; }
1183 .ui-icon-calendar { background-position: -32px -112px; }
1184 .ui-icon-cart { background-position: -48px -112px; }
1185 .ui-icon-pencil { background-position: -64px -112px; }
1186 .ui-icon-clock { background-position: -80px -112px; }
1187 .ui-icon-disk { background-position: -96px -112px; }
1188 .ui-icon-calculator { background-position: -112px -112px; }
1189 .ui-icon-zoomin { background-position: -128px -112px; }
1190 .ui-icon-zoomout { background-position: -144px -112px; }
1191 .ui-icon-search { background-position: -160px -112px; }
1192 .ui-icon-wrench { background-position: -176px -112px; }
1193 .ui-icon-gear { background-position: -192px -112px; }
1194 .ui-icon-heart { background-position: -208px -112px; }
1195 .ui-icon-star { background-position: -224px -112px; }
1196 .ui-icon-link { background-position: -240px -112px; }
1197 .ui-icon-cancel { background-position: 0 -128px; }
1198 .ui-icon-plus { background-position: -16px -128px; }
1199 .ui-icon-plusthick { background-position: -32px -128px; }
1200 .ui-icon-minus { background-position: -48px -128px; }
1201 .ui-icon-minusthick { background-position: -64px -128px; }
1202 .ui-icon-close { background-position: -80px -128px; }
1203 .ui-icon-closethick { background-position: -96px -128px; }
1204 .ui-icon-key { background-position: -112px -128px; }
1205 .ui-icon-lightbulb { background-position: -128px -128px; }
1206 .ui-icon-scissors { background-position: -144px -128px; }
1207 .ui-icon-clipboard { background-position: -160px -128px; }
1208 .ui-icon-copy { background-position: -176px -128px; }
1209 .ui-icon-contact { background-position: -192px -128px; }
1210 .ui-icon-image { background-position: -208px -128px; }
1211 .ui-icon-video { background-position: -224px -128px; }
1212 .ui-icon-script { background-position: -240px -128px; }
1213 .ui-icon-alert { background-position: 0 -144px; }
1214 .ui-icon-info { background-position: -16px -144px; }
1215 .ui-icon-notice { background-position: -32px -144px; }
1216 .ui-icon-help { background-position: -48px -144px; }
1217 .ui-icon-check { background-position: -64px -144px; }
1218 .ui-icon-bullet { background-position: -80px -144px; }
1219 .ui-icon-radio-on { background-position: -96px -144px; }
1220 .ui-icon-radio-off { background-position: -112px -144px; }
1221 .ui-icon-pin-w { background-position: -128px -144px; }
1222 .ui-icon-pin-s { background-position: -144px -144px; }
1223 .ui-icon-play { background-position: 0 -160px; }
1224 .ui-icon-pause { background-position: -16px -160px; }
1225 .ui-icon-seek-next { background-position: -32px -160px; }
1226 .ui-icon-seek-prev { background-position: -48px -160px; }
1227 .ui-icon-seek-end { background-position: -64px -160px; }
1228 .ui-icon-seek-start { background-position: -80px -160px; }
1229 /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
1230 .ui-icon-seek-first { background-position: -80px -160px; }
1231 .ui-icon-stop { background-position: -96px -160px; }
1232 .ui-icon-eject { background-position: -112px -160px; }
1233 .ui-icon-volume-off { background-position: -128px -160px; }
1234 .ui-icon-volume-on { background-position: -144px -160px; }
1235 .ui-icon-power { background-position: 0 -176px; }
1236 .ui-icon-signal-diag { background-position: -16px -176px; }
1237 .ui-icon-signal { background-position: -32px -176px; }
1238 .ui-icon-battery-0 { background-position: -48px -176px; }
1239 .ui-icon-battery-1 { background-position: -64px -176px; }
1240 .ui-icon-battery-2 { background-position: -80px -176px; }
1241 .ui-icon-battery-3 { background-position: -96px -176px; }
1242 .ui-icon-circle-plus { background-position: 0 -192px; }
1243 .ui-icon-circle-minus { background-position: -16px -192px; }
1244 .ui-icon-circle-close { background-position: -32px -192px; }
1245 .ui-icon-circle-triangle-e { background-position: -48px -192px; }
1246 .ui-icon-circle-triangle-s { background-position: -64px -192px; }
1247 .ui-icon-circle-triangle-w { background-position: -80px -192px; }
1248 .ui-icon-circle-triangle-n { background-position: -96px -192px; }
1249 .ui-icon-circle-arrow-e { background-position: -112px -192px; }
1250 .ui-icon-circle-arrow-s { background-position: -128px -192px; }
1251 .ui-icon-circle-arrow-w { background-position: -144px -192px; }
1252 .ui-icon-circle-arrow-n { background-position: -160px -192px; }
1253 .ui-icon-circle-zoomin { background-position: -176px -192px; }
1254 .ui-icon-circle-zoomout { background-position: -192px -192px; }
1255 .ui-icon-circle-check { background-position: -208px -192px; }
1256 .ui-icon-circlesmall-plus { background-position: 0 -208px; }
1257 .ui-icon-circlesmall-minus { background-position: -16px -208px; }
1258 .ui-icon-circlesmall-close { background-position: -32px -208px; }
1259 .ui-icon-squaresmall-plus { background-position: -48px -208px; }
1260 .ui-icon-squaresmall-minus { background-position: -64px -208px; }
1261 .ui-icon-squaresmall-close { background-position: -80px -208px; }
1262 .ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
1263 .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
1264 .ui-icon-grip-solid-vertical { background-position: -32px -224px; }
1265 .ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
1266 .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
1267 .ui-icon-grip-diagonal-se { background-position: -80px -224px; }
1268
1269
1270 /* Misc visuals
1271 ----------------------------------*/
1272
1273 /* Corner radius */
1274 .ui-corner-all,
1275 .ui-corner-top,
1276 .ui-corner-left,
1277 .ui-corner-tl {
1278 border-top-left-radius: 3px;
1279 }
1280 .ui-corner-all,
1281 .ui-corner-top,
1282 .ui-corner-right,
1283 .ui-corner-tr {
1284 border-top-right-radius: 3px;
1285 }
1286 .ui-corner-all,
1287 .ui-corner-bottom,
1288 .ui-corner-left,
1289 .ui-corner-bl {
1290 border-bottom-left-radius: 3px;
1291 }
1292 .ui-corner-all,
1293 .ui-corner-bottom,
1294 .ui-corner-right,
1295 .ui-corner-br {
1296 border-bottom-right-radius: 3px;
1297 }
1298
1299 /* Overlays */
1300 .ui-widget-overlay {
1301 background: #aaaaaa;
1302 opacity: .3;
1303 filter: Alpha(Opacity=30); /* support: IE8 */
1304 }
1305 .ui-widget-shadow {
1306 box-shadow: 0px 0px 5px #666666;
1307 }
1308
1309 /*! jQuery Timepicker Addon - v1.6.3 - 2016-04-20
1310 * http://trentrichardson.com/examples/timepicker
1311 * Copyright (c) 2016 Trent Richardson; Licensed MIT */
1312
1313 .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}
1314
1315 /**
1316 * Breakpoints
1317 */
1318 /**
1319 * Colours
1320 */
1321 .hide {
1322 display: none !important;
1323 }
1324
1325 .d-block {
1326 display: block !important;
1327 }
1328
1329 .d-flex {
1330 display: flex !important;
1331 flex-wrap: wrap;
1332 }
1333
1334 .justify-content-center {
1335 justify-content: center;
1336 }
1337
1338 .justify-content-end {
1339 justify-content: flex-end;
1340 }
1341
1342 .col {
1343 flex: 1 0 0%;
1344 box-sizing: border-box;
1345 }
1346
1347 .w-25 {
1348 flex: 0 0 auto;
1349 width: 25%;
1350 }
1351
1352 .w-30 {
1353 flex: 0 0 auto;
1354 width: 30%;
1355 }
1356
1357 .w-33 {
1358 flex: 0 0 auto;
1359 width: 33.33333333%;
1360 }
1361
1362 .w-40 {
1363 flex: 0 0 auto;
1364 width: 40%;
1365 }
1366
1367 .w-50 {
1368 flex: 0 0 auto;
1369 width: 50%;
1370 }
1371
1372 .w-60 {
1373 flex: 0 0 auto;
1374 width: 60%;
1375 }
1376
1377 .w-70 {
1378 flex: 0 0 auto;
1379 width: 70%;
1380 }
1381
1382 .w-75 {
1383 flex: 0 0 auto;
1384 width: 75%;
1385 }
1386
1387 .w-80 {
1388 flex: 0 0 auto;
1389 width: 80%;
1390 }
1391
1392 .w-100 {
1393 flex: 1 0 100%;
1394 }
1395
1396 .rounded {
1397 border-radius: 8px;
1398 }
1399
1400 .bg-white {
1401 background-color: #fff;
1402 }
1403
1404 .p-20 {
1405 padding: 20px;
1406 }
1407
1408 .truncate-string {
1409 display: block;
1410 white-space: nowrap;
1411 overflow: hidden;
1412 text-overflow: ellipsis;
1413 }
1414
1415 .text-left {
1416 text-align: left;
1417 }
1418
1419 .text-right {
1420 text-align: right;
1421 }
1422
1423 .text-uppercase {
1424 text-transform: uppercase;
1425 }
1426
1427 .loader {
1428 height: 100px;
1429 background-size: 50px 50px;
1430 background-repeat: no-repeat;
1431 background-position: center;
1432 background-color: #f7f7f7;
1433 background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='L9' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 100 100' enable-background='new 0 0 0 0' xml:space='preserve'%3E%3Cpath fill='%23000' d='M73,50c0-12.7-10.3-23-23-23S27,37.3,27,50 M30.9,50c0-10.5,8.5-19.1,19.1-19.1S69.1,39.5,69.1,50'%3E%3CanimateTransform attributeName='transform' attributeType='XML' type='rotate' dur='1s' from='0 50 50' to='360 50 50' repeatCount='indefinite' /%3E%3C/path%3E%3C/svg%3E");
1434 }
1435
1436 /* Global */
1437 #wpcontent {
1438 padding-left: 0 !important;
1439 }
1440
1441 #screen-meta {
1442 margin: 0 -20px;
1443 }
1444 @media screen and (max-width: 767px) {
1445 #screen-meta {
1446 margin: 0 0 0 -12px;
1447 border-left: 0;
1448 border-right: 0;
1449 }
1450 }
1451
1452 #wpbody {
1453 padding-left: 20px;
1454 }
1455 @media screen and (max-width: 767px) {
1456 #wpbody {
1457 padding-top: 0;
1458 padding-left: 12px;
1459 }
1460 }
1461
1462 /* Meta Fields */
1463 .meta-fields .form-field {
1464 position: relative;
1465 }
1466 .meta-fields .form-field label,
1467 .meta-fields .form-field legend {
1468 display: block;
1469 margin-bottom: 5px;
1470 width: calc(100% - 20px);
1471 }
1472 .meta-fields .form-field label .limit-text {
1473 float: right;
1474 color: #999;
1475 }
1476 .meta-fields .form-field input[type=text],
1477 .meta-fields .form-field input[type=password],
1478 .meta-fields .form-field textarea,
1479 .meta-fields .form-field select {
1480 width: calc(100% - 20px);
1481 max-width: 100%;
1482 }
1483 @media screen and (max-width: 767px) {
1484 .meta-fields .form-field input[type=text],
1485 .meta-fields .form-field input[type=password],
1486 .meta-fields .form-field textarea,
1487 .meta-fields .form-field select {
1488 width: 100%;
1489 }
1490 }
1491 .meta-fields .form-field input[disabled=disabled],
1492 .meta-fields .form-field textarea[disabled=disabled],
1493 .meta-fields .form-field select[disabled=disabled] {
1494 background-color: #f6f7f7;
1495 cursor: not-allowed;
1496 }
1497 .meta-fields .form-field *:disabled {
1498 background-color: #f6f7f7;
1499 }
1500 .meta-fields .form-field .radio-buttons {
1501 margin: 0;
1502 }
1503 .meta-fields .form-field .radio-buttons li {
1504 display: inline-block;
1505 margin-right: 20px;
1506 }
1507 .meta-fields .form-field .radio-buttons li label {
1508 display: inline-block;
1509 width: auto;
1510 }
1511 .meta-fields .form-field .fields-repeater {
1512 width: 100%;
1513 border-collapse: collapse;
1514 }
1515 .meta-fields .form-field .fields-repeater th {
1516 text-align: left;
1517 font-size: 13px;
1518 font-weight: normal;
1519 border: 1px solid #a8a6a6;
1520 padding: 10px;
1521 background-color: #f7f7f7;
1522 }
1523 .meta-fields .form-field .fields-repeater td {
1524 width: 50%;
1525 border: 1px solid #a8a6a6;
1526 padding: 10px;
1527 vertical-align: top;
1528 }
1529 .meta-fields .form-field .fields-repeater td input,
1530 .meta-fields .form-field .fields-repeater td select,
1531 .meta-fields .form-field .fields-repeater td textarea {
1532 width: 100%;
1533 }
1534 .meta-fields .form-field .fields-repeater td.delete-repeater-field {
1535 min-width: 20px;
1536 text-align: center;
1537 }
1538 .meta-fields .form-field .fields-repeater td.delete-repeater-field span {
1539 margin-top: 5px;
1540 cursor: pointer;
1541 }
1542 .meta-fields fieldset.form-field {
1543 font-size: 13px;
1544 line-height: 1.5;
1545 margin: 1em 0;
1546 }
1547 .meta-fields h3 {
1548 margin-bottom: 5px;
1549 font-size: 14px;
1550 }
1551 .meta-fields h4 {
1552 margin-bottom: 0;
1553 }
1554 .meta-fields hr {
1555 margin: 20px auto;
1556 }
1557 .meta-fields .optional-text {
1558 color: #999;
1559 font-weight: normal;
1560 }
1561 .meta-fields .description {
1562 font-size: 12px;
1563 margin-top: 5px;
1564 display: inline-block;
1565 color: #555;
1566 }
1567 @media screen and (max-width: 767px) {
1568 .meta-fields .col {
1569 flex: 0 0 100%;
1570 }
1571 }
1572
1573 .notifier-media-preview {
1574 display: block;
1575 }
1576 .notifier-media-preview #notifier_wa_profile_picture_preview_video {
1577 display: none;
1578 }
1579
1580 @media screen and (max-width: 767px) {
1581 #notifier-admin-header {
1582 padding-top: 46px;
1583 }
1584 }
1585 #notifier-admin-header .notifier-admin-header-content {
1586 background: #fff;
1587 box-sizing: border-box;
1588 width: 100%;
1589 top: 32px;
1590 z-index: 1001;
1591 padding: 0 20px;
1592 height: 70px;
1593 display: flex;
1594 align-content: center;
1595 align-items: center;
1596 justify-content: space-between;
1597 }
1598 @media screen and (max-width: 767px) {
1599 #notifier-admin-header .notifier-admin-header-content {
1600 padding: 0 12px;
1601 }
1602 }
1603 #notifier-admin-header .notifier-admin-header-content.sticky {
1604 box-shadow: 0 8px 8px 0 rgba(85, 93, 102, 0.3);
1605 }
1606 @media screen and (max-width: 767px) {
1607 #notifier-admin-header .notifier-admin-header-content .header-page-title {
1608 flex: 1;
1609 }
1610 }
1611 @media screen and (max-width: 767px) {
1612 #notifier-admin-header .notifier-admin-header-content .header-menu-items {
1613 flex: 1;
1614 justify-content: flex-end;
1615 }
1616 }
1617 #notifier-admin-header .notifier-admin-header-content .header-menu-items ul {
1618 margin: 0;
1619 }
1620 #notifier-admin-header .notifier-admin-header-content .header-menu-items ul li {
1621 display: inline-block;
1622 margin-bottom: 0;
1623 }
1624 #notifier-admin-header .notifier-admin-header-content .header-menu-items ul li:last-child {
1625 border-right: 0;
1626 }
1627 #notifier-admin-header .notifier-admin-header-content .header-menu-items ul li a {
1628 text-decoration: none;
1629 padding: 0 20px;
1630 display: block;
1631 }
1632 @media screen and (max-width: 767px) {
1633 #notifier-admin-header .notifier-admin-header-content .header-menu-items ul li a {
1634 padding: 0 10px;
1635 }
1636 }
1637 #notifier-admin-header .notifier-admin-header-content .header-menu-items ul li a.active {
1638 color: #555;
1639 }
1640 @media screen and (max-width: 767px) {
1641 #notifier-admin-header .notifier-admin-header-content .header-action-links {
1642 display: none !important;
1643 }
1644 }
1645 #notifier-admin-header .notifier-admin-header-content .header-action-links > * {
1646 text-decoration: none;
1647 padding: 0 10px;
1648 display: inline-block;
1649 }
1650 #notifier-admin-header .notifier-admin-header-content .header-action-links > *.header-version {
1651 color: #777;
1652 }
1653
1654 .onboarding {
1655 max-width: 600px;
1656 margin: 0 auto;
1657 background: #fff;
1658 box-shadow: 0 8px 8px 0 rgba(85, 93, 102, 0.1);
1659 }
1660 .onboarding .onboarding-head {
1661 padding: 20px;
1662 border-bottom: 1px solid #eee;
1663 }
1664 .onboarding .onboarding-head h1,
1665 .onboarding .onboarding-head h2,
1666 .onboarding .onboarding-head h3 {
1667 margin-top: 0;
1668 }
1669 .onboarding .onboarding-head p {
1670 margin-bottom: 0;
1671 }
1672 .onboarding .onboarding-body .onboarding-disclaimer {
1673 padding: 10px 20px;
1674 }
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);
1715 margin-top: 0;
1716 }
1717 .onboarding .onboarding-body .step .step-body {
1718 padding: 15px 20px;
1719 display: none;
1720 transition: height 0.5s ease-in-out;
1721 }
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 .onboarding .onboarding-footer {
1731 padding: 20px;
1732 border-top: 1px solid #eee;
1733 }
1734
1735 .dashboard-boxes {
1736 display: flex;
1737 flex-wrap: wrap;
1738 margin-left: -10px;
1739 margin-right: -10px;
1740 }
1741 .dashboard-boxes .col {
1742 padding: 0 10px;
1743 margin-bottom: 20px;
1744 }
1745 @media screen and (max-width: 992px) {
1746 .dashboard-boxes > .col:not(.w-100) {
1747 flex: 0 0 50% !important;
1748 }
1749 }
1750 @media screen and (max-width: 767px) {
1751 .dashboard-boxes > .col:not(.w-100) {
1752 flex: 0 0 100% !important;
1753 }
1754 }
1755 .dashboard-boxes .dashboard-box {
1756 border-radius: 8px;
1757 background-color: #fff;
1758 display: flex;
1759 flex-direction: column;
1760 height: 100%;
1761 }
1762 .dashboard-boxes .dashboard-box.dashboard-box-top {
1763 height: auto;
1764 }
1765 @media screen and (max-width: 767px) {
1766 .dashboard-boxes .dashboard-box.dashboard-box-top .w-25 {
1767 flex: 0 0 100%;
1768 }
1769 }
1770 .dashboard-boxes .dashboard-box .dashboard-box-head {
1771 padding: 15px 20px;
1772 border-bottom: 1px solid #eee;
1773 }
1774 @media screen and (max-width: 767px) {
1775 .dashboard-boxes .dashboard-box .dashboard-box-head {
1776 padding: 12px;
1777 }
1778 }
1779 .dashboard-boxes .dashboard-box .dashboard-box-head h2,
1780 .dashboard-boxes .dashboard-box .dashboard-box-head h3 {
1781 margin: 0;
1782 }
1783 @media screen and (max-width: 767px) {
1784 .dashboard-boxes .dashboard-box .dashboard-box-head h2,
1785 .dashboard-boxes .dashboard-box .dashboard-box-head h3 {
1786 font-size: 16px;
1787 }
1788 }
1789 .dashboard-boxes .dashboard-box .dashboard-box-body {
1790 padding: 15px 20px;
1791 }
1792 @media screen and (max-width: 767px) {
1793 .dashboard-boxes .dashboard-box .dashboard-box-body {
1794 padding: 12px;
1795 }
1796 }
1797 .dashboard-boxes .dashboard-box .dashboard-box-body p:first-child {
1798 margin-top: 0;
1799 }
1800 .dashboard-boxes .dashboard-box .dashboard-box-body table {
1801 width: 100%;
1802 }
1803 .dashboard-boxes .dashboard-box .dashboard-box-body table th {
1804 padding-bottom: 10px;
1805 text-align: left;
1806 }
1807 .dashboard-boxes .dashboard-box .dashboard-box-body table th:last-child {
1808 text-align: right;
1809 }
1810 .dashboard-boxes .dashboard-box .dashboard-box-body table td:last-child {
1811 text-align: right;
1812 }
1813 .dashboard-boxes .dashboard-box .dashboard-box-body .dashicons-marker {
1814 color: #ccc;
1815 }
1816 .dashboard-boxes .dashboard-box .dashboard-box-body .dashicons-yes-alt {
1817 color: #01a401;
1818 }
1819 .dashboard-boxes .dashboard-box .dashboard-box-footer {
1820 margin-top: auto;
1821 padding: 15px 20px;
1822 border-top: 1px solid #eee;
1823 }
1824 .dashboard-boxes .dashboard-box .dashboard-box-footer .dashboard-box-buttons-wrap {
1825 text-align: right;
1826 }
1827 .dashboard-boxes .dashboard-box .dashboard-box-footer .dashboard-box-buttons-wrap .button {
1828 margin-left: 10px;
1829 }
1830
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;
1839 }
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
1850 .post-type-wa_message_template #minor-publishing-actions #save-action,
1851 .post-type-wa_message_template #misc-publishing-actions {
1852 display: none;
1853 }
1854 .post-type-wa_message_template #minor-publishing-actions {
1855 padding: 15px 10px;
1856 text-align: left;
1857 }
1858 .post-type-wa_message_template.mt-status-approved #publishing-action, .post-type-wa_message_template.mt-status-pending #publishing-action {
1859 display: none;
1860 }
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;
1870 }
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 {
1907 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 }
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;
1925 }
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: "";
1970 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 position: absolute;
1979 right: 0;
1980 z-index: 2;
1981 }
1982 #notifier-message-template-preview .inside .wa-template-preview .message-container .message-content {
1983 position: relative;
1984 }
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;
1991 }
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
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 {
2104 width: 100%;
2105 margin-bottom: 10px;
2106 }
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 @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%;
2131 }
2132 }
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
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 .notifier-settings-form-profile .notifier-profile-fields-right {
2152 margin-left: 50px;
2153 margin-top: 100px;
2154 }
2155 @media screen and (max-width: 767px) {
2156 .notifier-settings-form-profile .notifier-profile-fields-right {
2157 display: none;
2158 }
2159 }
2160
2161 .notifier-fields-table {
2162 width: 100%;
2163 max-width: 700px;
2164 }
2165 .notifier-fields-table tr th {
2166 vertical-align: top;
2167 text-align: left;
2168 padding: 20px 10px 20px 0;
2169 width: 200px;
2170 line-height: 1.3;
2171 font-weight: 600;
2172 }
2173 @media screen and (max-width: 767px) {
2174 .notifier-fields-table tr th {
2175 display: block;
2176 width: 100%;
2177 padding: 10px 0 5px 0;
2178 }
2179 }
2180 .notifier-fields-table tr th.section-title {
2181 padding: 0;
2182 }
2183 .notifier-fields-table tr td {
2184 margin-bottom: 9px;
2185 padding: 15px 10px;
2186 line-height: 1.3;
2187 vertical-align: middle;
2188 }
2189 @media screen and (max-width: 767px) {
2190 .notifier-fields-table tr td {
2191 display: block;
2192 width: 100%;
2193 padding: 0;
2194 }
2195 }
2196 .notifier-fields-table input:not([type=button]),
2197 .notifier-fields-table textarea,
2198 .notifier-fields-table select {
2199 width: 100%;
2200 max-width: none;
2201 }
2202