PluginProbe
WANotifier for Forms and Actions / 0.1.1
WANotifier for Forms and Actions v0.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 1.0.3 All 66 releases
notifier / assets / css / admin.css

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

2,215 lines 74.3 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
1577 @media screen and (max-width: 767px) {
1578 #notifier-admin-header {
1579 padding-top: 46px;
1580 }
1581 }
1582 #notifier-admin-header .notifier-admin-header-content {
1583 background: #fff;
1584 box-sizing: border-box;
1585 width: 100%;
1586 top: 32px;
1587 z-index: 1001;
1588 padding: 0 20px;
1589 height: 70px;
1590 display: flex;
1591 align-content: center;
1592 align-items: center;
1593 justify-content: space-between;
1594 }
1595 @media screen and (max-width: 767px) {
1596 #notifier-admin-header .notifier-admin-header-content {
1597 padding: 0 12px;
1598 }
1599 }
1600 #notifier-admin-header .notifier-admin-header-content.sticky {
1601 box-shadow: 0 8px 8px 0 rgba(85, 93, 102, 0.3);
1602 }
1603 @media screen and (max-width: 767px) {
1604 #notifier-admin-header .notifier-admin-header-content .header-page-title {
1605 flex: 1;
1606 }
1607 }
1608 @media screen and (max-width: 767px) {
1609 #notifier-admin-header .notifier-admin-header-content .header-menu-items {
1610 flex: 1;
1611 justify-content: flex-end;
1612 }
1613 }
1614 #notifier-admin-header .notifier-admin-header-content .header-menu-items ul {
1615 margin: 0;
1616 }
1617 #notifier-admin-header .notifier-admin-header-content .header-menu-items ul li {
1618 display: inline-block;
1619 margin-bottom: 0;
1620 }
1621 #notifier-admin-header .notifier-admin-header-content .header-menu-items ul li:last-child {
1622 border-right: 0;
1623 }
1624 #notifier-admin-header .notifier-admin-header-content .header-menu-items ul li a {
1625 text-decoration: none;
1626 padding: 0 20px;
1627 display: block;
1628 }
1629 @media screen and (max-width: 767px) {
1630 #notifier-admin-header .notifier-admin-header-content .header-menu-items ul li a {
1631 padding: 0 10px;
1632 }
1633 }
1634 #notifier-admin-header .notifier-admin-header-content .header-menu-items ul li a.active {
1635 color: #555;
1636 }
1637 @media screen and (max-width: 767px) {
1638 #notifier-admin-header .notifier-admin-header-content .header-action-links {
1639 display: none !important;
1640 }
1641 }
1642 #notifier-admin-header .notifier-admin-header-content .header-action-links > * {
1643 text-decoration: none;
1644 padding: 0 10px;
1645 display: inline-block;
1646 }
1647 #notifier-admin-header .notifier-admin-header-content .header-action-links > *.header-version {
1648 color: #777;
1649 }
1650
1651 .onboarding {
1652 max-width: 600px;
1653 margin: 0 auto;
1654 background: #fff;
1655 box-shadow: 0 8px 8px 0 rgba(85, 93, 102, 0.1);
1656 }
1657 .onboarding .onboarding-head {
1658 padding: 20px;
1659 border-bottom: 1px solid #eee;
1660 }
1661 .onboarding .onboarding-head h1,
1662 .onboarding .onboarding-head h2,
1663 .onboarding .onboarding-head h3 {
1664 margin-top: 0;
1665 }
1666 .onboarding .onboarding-head p {
1667 margin-bottom: 0;
1668 }
1669 .onboarding .onboarding-body .onboarding-disclaimer {
1670 padding: 10px 20px;
1671 }
1672 .onboarding .onboarding-body .step {
1673 border-bottom: 1px solid #eee;
1674 }
1675 .onboarding .onboarding-body .step .step-head {
1676 border-bottom: 1px solid #eee;
1677 display: flex;
1678 justify-content: space-between;
1679 }
1680 .onboarding .onboarding-body .step .step-head .step-title {
1681 padding: 15px 20px;
1682 }
1683 .onboarding .onboarding-body .step .step-head .est-time {
1684 display: flex;
1685 align-items: center;
1686 align-content: center;
1687 margin-top: -10px;
1688 justify-content: center;
1689 padding: 0 20px;
1690 }
1691 .onboarding .onboarding-body .step .step-head .toggle-step {
1692 position: relative;
1693 padding: 0 20px;
1694 border: 0;
1695 background: transparent;
1696 cursor: pointer;
1697 }
1698 .onboarding .onboarding-body .step .step-head .toggle-step::after {
1699 content: "";
1700 display: block;
1701 width: 8px;
1702 height: 8px;
1703 border: 0;
1704 background: transparent;
1705 border-left: 2px solid #999;
1706 border-bottom: 2px solid #999;
1707 transform: rotate(-45deg);
1708 margin-top: -6px;
1709 }
1710 .onboarding .onboarding-body .step.active .step-head .toggle-step::after {
1711 transform: rotate(135deg);
1712 margin-top: 0;
1713 }
1714 .onboarding .onboarding-body .step .step-body {
1715 padding: 15px 20px;
1716 display: none;
1717 transition: height 0.5s ease-in-out;
1718 }
1719 .onboarding .onboarding-body .step .step-body p:first-child,
1720 .onboarding .onboarding-body .step .step-body ol:first-child {
1721 margin-top: 0;
1722 }
1723 .onboarding .onboarding-body .step.active .step-body {
1724 display: block;
1725 transition: height 0.5s ease-in-out;
1726 }
1727 .onboarding .onboarding-footer {
1728 padding: 20px;
1729 border-top: 1px solid #eee;
1730 }
1731
1732 .dashboard-boxes {
1733 display: flex;
1734 flex-wrap: wrap;
1735 margin-left: -10px;
1736 margin-right: -10px;
1737 }
1738 .dashboard-boxes .col {
1739 padding: 0 10px;
1740 margin-bottom: 20px;
1741 }
1742 @media screen and (max-width: 992px) {
1743 .dashboard-boxes > .col:not(.w-100) {
1744 flex: 0 0 50% !important;
1745 }
1746 }
1747 @media screen and (max-width: 767px) {
1748 .dashboard-boxes > .col:not(.w-100) {
1749 flex: 0 0 100% !important;
1750 }
1751 }
1752 .dashboard-boxes .dashboard-box {
1753 border-radius: 8px;
1754 background-color: #fff;
1755 display: flex;
1756 flex-direction: column;
1757 height: 100%;
1758 }
1759 .dashboard-boxes .dashboard-box.dashboard-box-top {
1760 height: auto;
1761 }
1762 @media screen and (max-width: 767px) {
1763 .dashboard-boxes .dashboard-box.dashboard-box-top .w-25 {
1764 flex: 0 0 100%;
1765 }
1766 }
1767 .dashboard-boxes .dashboard-box .dashboard-box-head {
1768 padding: 15px 20px;
1769 border-bottom: 1px solid #eee;
1770 }
1771 @media screen and (max-width: 767px) {
1772 .dashboard-boxes .dashboard-box .dashboard-box-head {
1773 padding: 12px;
1774 }
1775 }
1776 .dashboard-boxes .dashboard-box .dashboard-box-head h2,
1777 .dashboard-boxes .dashboard-box .dashboard-box-head h3 {
1778 margin: 0;
1779 }
1780 @media screen and (max-width: 767px) {
1781 .dashboard-boxes .dashboard-box .dashboard-box-head h2,
1782 .dashboard-boxes .dashboard-box .dashboard-box-head h3 {
1783 font-size: 16px;
1784 }
1785 }
1786 .dashboard-boxes .dashboard-box .dashboard-box-body {
1787 padding: 15px 20px;
1788 }
1789 @media screen and (max-width: 767px) {
1790 .dashboard-boxes .dashboard-box .dashboard-box-body {
1791 padding: 12px;
1792 }
1793 }
1794 .dashboard-boxes .dashboard-box .dashboard-box-body p:first-child {
1795 margin-top: 0;
1796 }
1797 .dashboard-boxes .dashboard-box .dashboard-box-body table {
1798 width: 100%;
1799 }
1800 .dashboard-boxes .dashboard-box .dashboard-box-body table th {
1801 padding-bottom: 10px;
1802 text-align: left;
1803 }
1804 .dashboard-boxes .dashboard-box .dashboard-box-body table th:last-child {
1805 text-align: right;
1806 }
1807 .dashboard-boxes .dashboard-box .dashboard-box-body table td:last-child {
1808 text-align: right;
1809 }
1810 .dashboard-boxes .dashboard-box .dashboard-box-body .dashicons-marker {
1811 color: #ccc;
1812 }
1813 .dashboard-boxes .dashboard-box .dashboard-box-body .dashicons-yes-alt {
1814 color: #01a401;
1815 }
1816 .dashboard-boxes .dashboard-box .dashboard-box-footer {
1817 margin-top: auto;
1818 padding: 15px 20px;
1819 border-top: 1px solid #eee;
1820 }
1821 .dashboard-boxes .dashboard-box .dashboard-box-footer .dashboard-box-buttons-wrap {
1822 text-align: right;
1823 }
1824 .dashboard-boxes .dashboard-box .dashboard-box-footer .dashboard-box-buttons-wrap .button {
1825 margin-left: 10px;
1826 }
1827
1828 .quantity-rating {
1829 display: inline-block;
1830 width: 12px;
1831 height: 12px;
1832 border-radius: 50%;
1833 vertical-align: middle;
1834 margin-left: 10px;
1835 background: #cacaca;
1836 }
1837 .quantity-rating.quantity-rating-red {
1838 background: red;
1839 }
1840 .quantity-rating.quantity-rating-green {
1841 background: green;
1842 }
1843 .quantity-rating.quantity-rating-yellow {
1844 background: #f8f13a;
1845 }
1846
1847 .post-type-wa_message_template #minor-publishing-actions #save-action,
1848 .post-type-wa_message_template #misc-publishing-actions {
1849 display: none;
1850 }
1851 .post-type-wa_message_template #minor-publishing-actions {
1852 padding: 15px 10px;
1853 text-align: left;
1854 }
1855 .post-type-wa_message_template.mt-status-approved #publishing-action, .post-type-wa_message_template.mt-status-pending #publishing-action {
1856 display: none;
1857 }
1858 .post-type-wa_message_template #minor-publishing .refresh-status {
1859 background: 0;
1860 outline: none;
1861 border: 0;
1862 padding: 0;
1863 display: inline-block;
1864 vertical-align: middle;
1865 margin-left: 10px;
1866 cursor: pointer;
1867 }
1868 .post-type-wa_message_template #minor-publishing .refresh-status img {
1869 width: 16px;
1870 margin-top: 2px;
1871 }
1872 .post-type-wa_message_template .add-variable {
1873 background: transparent;
1874 border: 1px solid #8c8f94;
1875 font-size: 11px;
1876 text-align: center;
1877 vertical-align: middle;
1878 padding: 4px;
1879 height: 23px;
1880 border-radius: 20px;
1881 color: #555;
1882 float: right;
1883 position: absolute;
1884 top: 28px;
1885 right: 22px;
1886 z-index: 5;
1887 cursor: pointer;
1888 }
1889 @media screen and (max-width: 767px) {
1890 .post-type-wa_message_template .add-variable {
1891 right: 0;
1892 }
1893 }
1894 .post-type-wa_message_template .add-variable > .dashicons {
1895 font-size: 13px;
1896 height: auto;
1897 width: auto;
1898 }
1899 .post-type-wa_message_template .add-variable:hover .hide {
1900 display: inline !important;
1901 }
1902
1903 a.refresh-status.page-title-action::before {
1904 content: "";
1905 display: inline-block;
1906 vertical-align: middle;
1907 width: 11px;
1908 height: 13px;
1909 background-image: url("../images/refresh.svg");
1910 background-size: contain;
1911 background-repeat: no-repeat;
1912 margin-right: 5px;
1913 }
1914
1915 .status {
1916 display: inline-block;
1917 padding: 3px 6px;
1918 border: 1px solid;
1919 line-height: normal;
1920 font-size: 10px;
1921 color: #bec3c9;
1922 }
1923 .status.status-approved {
1924 color: #01a401;
1925 }
1926 .status.status-pending {
1927 color: #ffba00;
1928 }
1929 .status.status-rejected {
1930 color: #fa383e;
1931 }
1932
1933 #notifier-message-template-preview {
1934 min-width: 278px;
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-head-media .message-head-media-preview {
2014 border-radius: 4px;
2015 height: 140px;
2016 }
2017 #notifier-message-template-preview .inside .wa-template-preview .message-container .message-content .message-head-media .message-head-media-preview-image {
2018 width: 100%;
2019 height: 100%;
2020 -o-object-fit: cover;
2021 object-fit: cover;
2022 }
2023 #notifier-message-template-preview .inside .wa-template-preview .message-container .message-content .message-body {
2024 color: #262626;
2025 font-size: 13.6px;
2026 line-height: 19px;
2027 padding: 7px 7px 6px 9px;
2028 }
2029 #notifier-message-template-preview .inside .wa-template-preview .message-container .message-content .message-footer {
2030 color: rgba(0, 0, 0, 0.45);
2031 font-size: 13px;
2032 line-height: 17px;
2033 padding: 0 7px 8px 9px;
2034 }
2035 #notifier-message-template-preview .inside .wa-template-preview .message-container .message-content .message-date {
2036 bottom: 3px;
2037 color: rgba(0, 0, 0, 0.4);
2038 font-size: 11px;
2039 height: 15px;
2040 line-height: 15px;
2041 position: absolute;
2042 right: 7px;
2043 }
2044 #notifier-message-template-preview .inside .wa-template-preview .message-container .message-buttons {
2045 border-top: 1px solid #dadde1;
2046 margin: 0 7px 0 9px;
2047 }
2048 #notifier-message-template-preview .inside .wa-template-preview .message-container .message-buttons .message-button-1,
2049 #notifier-message-template-preview .inside .wa-template-preview .message-container .message-buttons .message-button-2 {
2050 display: flex;
2051 flex-direction: row;
2052 justify-content: center;
2053 align-items: center;
2054 }
2055 #notifier-message-template-preview .inside .wa-template-preview .message-container .message-buttons .message-button-1 .message-button-text,
2056 #notifier-message-template-preview .inside .wa-template-preview .message-container .message-buttons .message-button-2 .message-button-text {
2057 color: #00a5f4;
2058 font-size: 14px;
2059 height: 34px;
2060 line-height: 34px;
2061 padding: 0 16px;
2062 overflow: hidden;
2063 text-overflow: ellipsis;
2064 white-space: nowrap;
2065 }
2066 #notifier-message-template-preview .inside .wa-template-preview .message-container .message-buttons .message-button-1 .message-button-img,
2067 #notifier-message-template-preview .inside .wa-template-preview .message-container .message-buttons .message-button-2 .message-button-img {
2068 background-repeat: no-repeat;
2069 background-size: contain;
2070 flex-shrink: 0;
2071 height: 16px;
2072 opacity: 0.8;
2073 width: 16px;
2074 }
2075 #notifier-message-template-preview .inside .wa-template-preview .message-container .message-buttons .message-button-1 .message-button-img.call,
2076 #notifier-message-template-preview .inside .wa-template-preview .message-container .message-buttons .message-button-2 .message-button-img.call {
2077 background-image: url("../images/call.png");
2078 }
2079 #notifier-message-template-preview .inside .wa-template-preview .message-container .message-buttons .message-button-1 .message-button-img.visit,
2080 #notifier-message-template-preview .inside .wa-template-preview .message-container .message-buttons .message-button-2 .message-button-img.visit {
2081 background-image: url("../images/external-link.png");
2082 }
2083 #notifier-message-template-preview.sticky {
2084 position: fixed;
2085 top: 50px;
2086 width: 100%;
2087 }
2088
2089 .post-type-wa_contact #post-body-content,
2090 .post-type-wa_contact .term-parent-wrap,
2091 .post-type-wa_contact #newwa_contact_list_parent,
2092 .post-type-wa_contact #minor-publishing-actions,
2093 .post-type-wa_contact #misc-publishing-actions {
2094 display: none;
2095 }
2096
2097 .contacts-import-form {
2098 max-width: 600px;
2099 }
2100
2101 .contact-import-options {
2102 background: #fff;
2103 border-radius: 8px;
2104 margin-bottom: 15px;
2105 margin-top: 10px;
2106 }
2107 .contact-import-options h3 {
2108 margin-top: 0;
2109 }
2110 .contact-import-options label {
2111 margin-right: 20px;
2112 }
2113 .contact-import-options .users-import-table {
2114 width: 100%;
2115 margin-bottom: 10px;
2116 }
2117 .contact-import-options .users-import-table td input,
2118 .contact-import-options .users-import-table td select {
2119 width: 100%;
2120 max-width: 400px;
2121 }
2122 .contact-import-options .users-import-table td:first-child {
2123 width: 15%;
2124 }
2125
2126 .post-type-wa_notification #minor-publishing-actions,
2127 .post-type-wa_notification #misc-publishing-actions {
2128 display: none;
2129 }
2130 .post-type-wa_notification.disable-publishing #publishing-action {
2131 display: none;
2132 }
2133 .post-type-wa_notification .send-to-fields,
2134 .post-type-wa_notification .variables-mapping-fields {
2135 width: calc(100% - 20px);
2136 }
2137 @media screen and (max-width: 767px) {
2138 .post-type-wa_notification .send-to-fields,
2139 .post-type-wa_notification .variables-mapping-fields {
2140 width: 100%;
2141 }
2142 }
2143 .post-type-wa_notification .send-to-fields .form-field,
2144 .post-type-wa_notification .variables-mapping-fields .form-field {
2145 max-width: 100%;
2146 margin: 0;
2147 }
2148 .post-type-wa_notification .variables-mapping-fields table td:first-child {
2149 width: 10%;
2150 }
2151 .post-type-wa_notification .notifier-custom-value {
2152 margin-top: 10px;
2153 }
2154
2155 .ui-datepicker-current {
2156 display: none;
2157 }
2158
2159 .add-recipient {
2160 margin-left: auto !important;
2161 margin-top: 5px !important;
2162 }
2163
2164 .notifier-settings-form-profile .notifier-profile-fields-right {
2165 margin-left: 50px;
2166 margin-top: 100px;
2167 }
2168 @media screen and (max-width: 767px) {
2169 .notifier-settings-form-profile .notifier-profile-fields-right {
2170 display: none;
2171 }
2172 }
2173
2174 .notifier-fields-table {
2175 width: 100%;
2176 max-width: 700px;
2177 }
2178 .notifier-fields-table tr th {
2179 vertical-align: top;
2180 text-align: left;
2181 padding: 20px 10px 20px 0;
2182 width: 200px;
2183 line-height: 1.3;
2184 font-weight: 600;
2185 }
2186 @media screen and (max-width: 767px) {
2187 .notifier-fields-table tr th {
2188 display: block;
2189 width: 100%;
2190 padding: 10px 0 5px 0;
2191 }
2192 }
2193 .notifier-fields-table tr th.section-title {
2194 padding: 0;
2195 }
2196 .notifier-fields-table tr td {
2197 margin-bottom: 9px;
2198 padding: 15px 10px;
2199 line-height: 1.3;
2200 vertical-align: middle;
2201 }
2202 @media screen and (max-width: 767px) {
2203 .notifier-fields-table tr td {
2204 display: block;
2205 width: 100%;
2206 padding: 0;
2207 }
2208 }
2209 .notifier-fields-table input:not([type=button]),
2210 .notifier-fields-table textarea,
2211 .notifier-fields-table select {
2212 width: 100%;
2213 max-width: none;
2214 }
2215