PluginProbe
WANotifier for Forms and Actions / 3.1.1
WANotifier for Forms and Actions v3.1.1
3.1.1 3.1.0 3.0.4 2.7.10 2.7.11 2.7.12 2.7.13 2.7.2 2.7.3 2.7.4 2.7.5 2.7.6 2.7.7 2.7.8 2.7.9 3.0.0 3.0.1 3.0.2 3.0.3 trunk 0.1.0 0.1.1 1.0.0 1.0.1 1.0.2 All 67 releases
← All changes | assets/css/admin.css +1 -1054 2.7.73.1.1 View file →
@@ -1,1054 +1 @@
1 -.select2-container { box-sizing: border-box; display: inline-block; margin: 0; position: relative; vertical-align: middle; }
2 -.select2-container .select2-selection--single { box-sizing: border-box; cursor: pointer; display: block; height: 32px; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; }
3 -.select2-container .select2-selection--single .select2-selection__rendered { display: block; padding-left: 8px; padding-right: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
4 -.select2-container .select2-selection--single .select2-selection__clear { background-color: transparent; border: none; font-size: 1em; }
5 -.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered { padding-right: 8px; padding-left: 20px; }
6 -.select2-container .select2-selection--multiple { box-sizing: border-box; cursor: pointer; display: block; min-height: 32px; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; }
7 -.select2-container .select2-selection--multiple .select2-selection__rendered { display: inline; list-style: none; padding: 0; }
8 -.select2-container .select2-selection--multiple .select2-selection__clear { background-color: transparent; border: none; font-size: 1em; }
9 -.select2-container .select2-search--inline .select2-search__field { box-sizing: border-box; border: none; font-size: 100%; padding: 0; max-width: 100%; resize: none; height: 18px; vertical-align: top; font-family: sans-serif; overflow: hidden; word-break: keep-all; }
10 -.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; }
11 -.select2-dropdown { background-color: white; border: 1px solid #aaa; border-radius: 4px; box-sizing: border-box; display: block; position: absolute; left: -100000px; width: 100%; z-index: 1051; }
12 -.select2-results { display: block; }
13 -.select2-results__options { list-style: none; margin: 0; padding: 0; }
14 -.select2-results__option { padding: 8px; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; }
15 -.select2-results__option--selectable { cursor: pointer; }
16 -.select2-container--open .select2-dropdown { left: 0; }
17 -.select2-container--open .select2-dropdown--above { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
18 -.select2-container--open .select2-dropdown--below { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; }
19 -.select2-search--dropdown { display: block; padding: 4px; }
20 -.select2-search--dropdown .select2-search__field { padding: 4px; width: 100%; box-sizing: border-box; }
21 -.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; }
22 -.select2-search--dropdown.select2-search--hide { display: none; }
23 -.select2-close-mask { border: 0; margin: 0; padding: 0; display: block; position: fixed; left: 0; top: 0; min-height: 100%; min-width: 100%; height: auto; width: auto; opacity: 0; z-index: 99; background-color: #fff; filter: alpha(opacity=0); }
24 -.select2-hidden-accessible { border: 0 !important; clip: rect(0 0 0 0) !important; -webkit-clip-path: inset(50%) !important; clip-path: inset(50%) !important; height: 1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; white-space: nowrap !important; }
25 -.select2-container--default .select2-selection--single { background-color: #fff; border: 1px solid #aaa; border-radius: 4px; }
26 -.select2-container--default .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px; }
27 -.select2-container--default .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; height: 26px; margin-right: 20px; padding-right: 0; }
28 -.select2-container--default .select2-selection--single .select2-selection__placeholder { color: #999; }
29 -.select2-container--default .select2-selection--single .select2-selection__arrow { height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; }
30 -.select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; }
31 -.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; }
32 -.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow { left: 1px; right: auto; }
33 -.select2-container--default.select2-container--disabled .select2-selection--single { background-color: #eee; cursor: default; }
34 -.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear { display: none; }
35 -.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; }
36 -.select2-container--default .select2-selection--multiple { background-color: white; border: 1px solid #aaa; border-radius: 4px; cursor: text; padding: 8px 8px 0 8px; position: relative; }
37 -.select2-container--default .select2-selection--multiple.select2-selection--clearable { padding-right: 25px; }
38 -.select2-container--default .select2-selection--multiple .select2-selection__clear { cursor: pointer; font-weight: bold; height: 20px; margin-right: 10px; margin-top: 5px; position: absolute; right: 0; padding: 1px; }
39 -.select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; box-sizing: border-box; display: inline-flex ; margin-right: 8px; margin-bottom: 8px; padding: 0; position: relative; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; align-items: center; }
40 -.select2-container--default .select2-selection--multiple .select2-selection__choice__display { cursor: default; padding: 3px 8px 4px 8px; line-height: 1em; }
41 -.select2-container--default .select2-selection--multiple .select2-selection__choice__remove { background-color: transparent; border: none; border-right: 1px solid #aaa; border-top-left-radius: 4px; border-bottom-left-radius: 4px; color: #999; cursor: pointer; font-size: 1em; font-weight: bold; padding: 2px 6px 4px 6px; }
42 -
43 -.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,
44 -.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus { background-color: #f1f1f1; color: #333; outline: none; }
45 -.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto; }
46 -.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display { padding-left: 5px; padding-right: 2px; }
47 -.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { border-left: 1px solid #aaa; border-right: none; border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
48 -.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__clear { float: left; margin-left: 10px; margin-right: auto; }
49 -.select2-container--default.select2-container--focus .select2-selection--multiple { border: solid black 1px; outline: 0; }
50 -.select2-container--default.select2-container--disabled .select2-selection--multiple { background-color: #eee; cursor: default; }
51 -.select2-container--default.select2-container--disabled .select2-selection__choice__remove { display: none; }
52 -
53 -.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
54 -.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple { border-top-left-radius: 0; border-top-right-radius: 0; }
55 -
56 -.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
57 -.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
58 -.select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; }
59 -.select2-container--default .select2-search--inline .select2-search__field { background: transparent; border: none; outline: 0; box-shadow: none; -webkit-appearance: textfield; line-height: normal; }
60 -.select2-container--default .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; }
61 -.select2-container--default .select2-results__option .select2-results__option { padding-left: 16px; }
62 -.select2-container--default .select2-results__option .select2-results__option .select2-results__group { padding-left: 0; }
63 -.select2-container--default .select2-results__option .select2-results__option .select2-results__option { margin-left: -1em; padding-left: 2em; }
64 -.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -2em; padding-left: 3em; }
65 -.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -3em; padding-left: 4em; }
66 -.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -4em; padding-left: 5em; }
67 -.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -5em; padding-left: 6em; }
68 -.select2-container--default .select2-results__option--group { padding: 0; }
69 -.select2-container--default .select2-results__option--disabled { color: #999; }
70 -.select2-container--default .select2-results__option--selected { background-color: rgb(34 113 177 / 20%); }
71 -.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable { background-color: #2271b1; color: white; }
72 -.select2-container--default .select2-results__group { cursor: default; display: block; padding: 6px 8px; background: #eee; }
73 -.select2-container--classic .select2-selection--single { background-color: #f7f7f7; border: 1px solid #aaa; border-radius: 4px; outline: 0; background-image: linear-gradient(to bottom, #fff 50%, #eee 100%); background-repeat: repeat-x; filter: progid:dximagetransform.microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }
74 -.select2-container--classic .select2-selection--single:focus { border: 1px solid #5897fb; }
75 -.select2-container--classic .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px; }
76 -.select2-container--classic .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; height: 26px; margin-right: 20px; }
77 -.select2-container--classic .select2-selection--single .select2-selection__placeholder { color: #999; }
78 -.select2-container--classic .select2-selection--single .select2-selection__arrow { background-color: #ddd; border: none; border-left: 1px solid #aaa; border-top-right-radius: 4px; border-bottom-right-radius: 4px; height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%); background-repeat: repeat-x; filter: progid:dximagetransform.microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); }
79 -.select2-container--classic .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; }
80 -.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; }
81 -.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow { border: none; border-right: 1px solid #aaa; border-radius: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; left: 1px; right: auto; }
82 -.select2-container--classic.select2-container--open .select2-selection--single { border: 1px solid #5897fb; }
83 -.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow { background: transparent; border: none; }
84 -.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; }
85 -.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; background-image: linear-gradient(to bottom, #fff 0%, #eee 50%); background-repeat: repeat-x; filter: progid:dximagetransform.microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }
86 -.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; background-image: linear-gradient(to bottom, #eee 50%, #fff 100%); background-repeat: repeat-x; filter: progid:dximagetransform.microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); }
87 -.select2-container--classic .select2-selection--multiple { background-color: white; border: 1px solid #aaa; border-radius: 4px; cursor: text; outline: 0; padding-bottom: 5px; padding-right: 5px; }
88 -.select2-container--classic .select2-selection--multiple:focus { border: 1px solid #5897fb; }
89 -.select2-container--classic .select2-selection--multiple .select2-selection__clear { display: none; }
90 -.select2-container--classic .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; display: inline-block; margin-left: 5px; margin-top: 5px; padding: 0; }
91 -.select2-container--classic .select2-selection--multiple .select2-selection__choice__display { cursor: default; padding-left: 2px; padding-right: 5px; }
92 -.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove { background-color: transparent; border: none; border-top-left-radius: 4px; border-bottom-left-radius: 4px; color: #888; cursor: pointer; font-size: 1em; font-weight: bold; padding: 0 4px; }
93 -.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover { color: #555; outline: none; }
94 -.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto; }
95 -.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display { padding-left: 5px; padding-right: 2px; }
96 -.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
97 -.select2-container--classic.select2-container--open .select2-selection--multiple { border: 1px solid #5897fb; }
98 -.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; }
99 -.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
100 -.select2-container--classic .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; outline: 0; }
101 -.select2-container--classic .select2-search--inline .select2-search__field { outline: 0; box-shadow: none; }
102 -.select2-container--classic .select2-dropdown { background-color: #fff; border: 1px solid transparent; }
103 -.select2-container--classic .select2-dropdown--above { border-bottom: none; }
104 -.select2-container--classic .select2-dropdown--below { border-top: none; }
105 -.select2-container--classic .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; }
106 -.select2-container--classic .select2-results__option--group { padding: 0; }
107 -.select2-container--classic .select2-results__option--disabled { color: grey; }
108 -.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable { background-color: #3875d7; color: #fff; }
109 -.select2-container--classic .select2-results__group { cursor: default; display: block; padding: 6px; }
110 -.select2-container--classic.select2-container--open .select2-dropdown { border-color: #5897fb; }
111 -
112 -/**
113 - * Breakpoints
114 - */
115 -/**
116 - * Colours
117 - */
118 -.hide {
119 - display: none !important;
120 -}
121 -
122 -.small {
123 - font-size: 85%;
124 -}
125 -
126 -.d-block {
127 - display: block !important;
128 -}
129 -
130 -.d-flex {
131 - display: flex !important;
132 - flex-wrap: wrap;
133 -}
134 -
135 -.justify-content-center {
136 - justify-content: center;
137 -}
138 -
139 -.justify-content-end {
140 - justify-content: flex-end;
141 -}
142 -
143 -.justify-content-between {
144 - justify-content: space-between;
145 -}
146 -
147 -.align-content-center {
148 - align-content: center;
149 -}
150 -
151 -.align-items-center {
152 - align-items: center;
153 -}
154 -
155 -.col {
156 - flex: 1 0 0%;
157 - box-sizing: border-box;
158 -}
159 -
160 -.w-25 {
161 - flex: 0 0 auto;
162 - width: 25%;
163 -}
164 -
165 -.w-30 {
166 - flex: 0 0 auto;
167 - width: 30%;
168 -}
169 -
170 -.w-33 {
171 - flex: 0 0 auto;
172 - width: 33.33333333%;
173 -}
174 -
175 -.w-40 {
176 - flex: 0 0 auto;
177 - width: 40%;
178 -}
179 -
180 -.w-50 {
181 - flex: 0 0 auto;
182 - width: 50%;
183 -}
184 -
185 -.w-60 {
186 - flex: 0 0 auto;
187 - width: 60%;
188 -}
189 -
190 -.w-70 {
191 - flex: 0 0 auto;
192 - width: 70%;
193 -}
194 -
195 -.w-75 {
196 - flex: 0 0 auto;
197 - width: 75%;
198 -}
199 -
200 -.w-80 {
201 - flex: 0 0 auto;
202 - width: 80%;
203 -}
204 -
205 -.w-100 {
206 - flex: 1 0 100%;
207 -}
208 -
209 -.w-auto {
210 - width: auto !important;
211 -}
212 -
213 -.rounded {
214 - border-radius: 8px;
215 -}
216 -
217 -.bg-white {
218 - background-color: #fff;
219 -}
220 -
221 -.p-20 {
222 - padding: 20px;
223 -}
224 -
225 -.text-truncate {
226 - display: block;
227 - white-space: nowrap;
228 - overflow: hidden;
229 - text-overflow: ellipsis;
230 -}
231 -
232 -.text-left {
233 - text-align: left;
234 -}
235 -
236 -.text-right {
237 - text-align: right;
238 -}
239 -
240 -.text-uppercase {
241 - text-transform: uppercase;
242 -}
243 -
244 -.text-muted {
245 - color: #777;
246 -}
247 -
248 -.ms-auto {
249 - margin-left: auto;
250 -}
251 -
252 -.mt-0 {
253 - margin-top: 0;
254 -}
255 -
256 -.mb-0 {
257 - margin-bottom: 0;
258 -}
259 -
260 -.loader {
261 - height: 100px;
262 - background-size: 50px 50px;
263 - background-repeat: no-repeat;
264 - background-position: center;
265 - background-color: #f7f7f7;
266 - 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");
267 -}
268 -
269 -/* Global */
270 -#wpcontent {
271 - padding-left: 0 !important;
272 -}
273 -
274 -#screen-meta {
275 - margin: 0 -20px;
276 -}
277 -@media screen and (max-width: 767px) {
278 - #screen-meta {
279 - margin: 0 0 0 -12px;
280 - border-left: 0;
281 - border-right: 0;
282 - }
283 -}
284 -
285 -#wpbody {
286 - padding-left: 20px;
287 -}
288 -@media screen and (max-width: 767px) {
289 - #wpbody {
290 - padding-top: 0;
291 - padding-left: 12px;
292 - }
293 -}
294 -
295 -.wrap.notifier {
296 - margin-top: 20px;
297 -}
298 -
299 -/* Meta Fields */
300 -.meta-fields .form-field {
301 - position: relative;
302 -}
303 -.meta-fields .form-field label.form-label,
304 -.meta-fields .form-field legend {
305 - font-size: 14px;
306 - font-weight: 500;
307 - display: block;
308 - margin-bottom: 5px;
309 -}
310 -.meta-fields .form-field label .limit-text {
311 - float: right;
312 - color: #999;
313 -}
314 -.meta-fields .form-field input[type=text],
315 -.meta-fields .form-field input[type=password],
316 -.meta-fields .form-field textarea,
317 -.meta-fields .form-field select {
318 - width: 100%;
319 - max-width: 100%;
320 -}
321 -@media screen and (max-width: 767px) {
322 - .meta-fields .form-field input[type=text],
323 -.meta-fields .form-field input[type=password],
324 -.meta-fields .form-field textarea,
325 -.meta-fields .form-field select {
326 - width: 100%;
327 - }
328 -}
329 -.meta-fields .form-field input[disabled=disabled],
330 -.meta-fields .form-field textarea[disabled=disabled],
331 -.meta-fields .form-field select[disabled=disabled] {
332 - background-color: #f6f7f7;
333 - cursor: not-allowed;
334 -}
335 -.meta-fields .form-field *:disabled {
336 - background-color: #f6f7f7;
337 -}
338 -.meta-fields .form-field .radio-buttons {
339 - margin: 0;
340 -}
341 -.meta-fields .form-field .radio-buttons li {
342 - display: inline-block;
343 - margin-right: 20px;
344 -}
345 -.meta-fields .form-field .radio-buttons li label {
346 - display: inline-block;
347 - width: auto;
348 -}
349 -.meta-fields .form-field .fields-repeater {
350 - width: 100%;
351 - border-collapse: collapse;
352 -}
353 -.meta-fields .form-field .fields-repeater th {
354 - text-align: left;
355 - font-size: 13px;
356 - font-weight: normal;
357 - border: 1px solid #a8a6a6;
358 - padding: 10px;
359 - background-color: #f7f7f7;
360 -}
361 -.meta-fields .form-field .fields-repeater td {
362 - width: 50%;
363 - border: 1px solid #a8a6a6;
364 - padding: 10px;
365 - vertical-align: top;
366 -}
367 -.meta-fields .form-field .fields-repeater td input,
368 -.meta-fields .form-field .fields-repeater td select,
369 -.meta-fields .form-field .fields-repeater td textarea {
370 - width: 100%;
371 -}
372 -.meta-fields .form-field .fields-repeater td.delete-repeater-field {
373 - min-width: 20px;
374 - text-align: center;
375 -}
376 -.meta-fields .form-field .fields-repeater td.delete-repeater-field span {
377 - margin-top: 5px;
378 - cursor: pointer;
379 -}
380 -.meta-fields fieldset.form-field {
381 - font-size: 13px;
382 - line-height: 1.5;
383 - margin: 1em 0;
384 -}
385 -.meta-fields h3 {
386 - margin-bottom: 5px;
387 - font-size: 14px;
388 -}
389 -.meta-fields h4 {
390 - margin-bottom: 0;
391 -}
392 -.meta-fields hr {
393 - margin: 20px auto;
394 -}
395 -.meta-fields .optional-text {
396 - color: #999;
397 - font-weight: normal;
398 -}
399 -.meta-fields .description {
400 - font-size: 12px;
401 - margin-top: 5px;
402 - display: inline-block;
403 - color: #555;
404 -}
405 -@media screen and (max-width: 767px) {
406 - .meta-fields .col {
407 - flex: 0 0 100%;
408 - }
409 -}
410 -
411 -.notifier-media-preview {
412 - display: block;
413 -}
414 -
415 -.notifier-notice {
416 - margin-top: 20px;
417 - margin-left: 0;
418 -}
419 -
420 -table.wp-list-table {
421 - border: 1px solid #eee;
422 - box-shadow: none;
423 - border-radius: 8px;
424 -}
425 -table.wp-list-table thead td,
426 -table.wp-list-table thead th {
427 - padding-top: 5px !important;
428 - padding-bottom: 5px !important;
429 - border-bottom: 1px solid #eee;
430 -}
431 -table.wp-list-table tfoot td,
432 -table.wp-list-table tfoot th {
433 - padding-top: 5px !important;
434 - padding-bottom: 5px !important;
435 - border-top: 1px solid #eee;
436 -}
437 -
438 -.notifier-toggle-switch input[type=checkbox] {
439 - position: relative;
440 - -webkit-appearance: none;
441 - -moz-appearance: none;
442 - appearance: none;
443 - width: 32px;
444 - height: 16px;
445 - background: #ccc;
446 - border-radius: 40px;
447 - box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
448 - cursor: pointer;
449 - transition: 0.2s;
450 - border: none;
451 - outline: none;
452 -}
453 -.notifier-toggle-switch input:checked[type=checkbox] {
454 - -webkit-appearance: none;
455 - -moz-appearance: none;
456 - appearance: none;
457 - background: #00c417;
458 -}
459 -.notifier-toggle-switch input[type=checkbox]::before {
460 - content: none;
461 -}
462 -.notifier-toggle-switch input[type=checkbox]::after {
463 - position: absolute;
464 - content: "";
465 - width: 16px;
466 - height: 16px;
467 - top: 0;
468 - left: 0;
469 - background: #fff;
470 - border-radius: 50%;
471 - box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
472 - transform: scale(1.1);
473 - transition: 0.2s;
474 -}
475 -.notifier-toggle-switch input:checked[type=checkbox]::after {
476 - left: 50%;
477 -}
478 -
479 -.select2-results__option {
480 - margin-bottom: 0;
481 -}
482 -
483 -@media screen and (max-width: 767px) {
484 - #notifier-admin-header {
485 - padding-top: 46px;
486 - }
487 -}
488 -#notifier-admin-header .header-logo {
489 - display: inline-block;
490 - margin-right: 15px;
491 - width: 35px;
492 - height: 35px;
493 - align-self: center;
494 -}
495 -#notifier-admin-header .header-logo img {
496 - width: 100%;
497 - height: 100%;
498 -}
499 -@media screen and (max-width: 767px) {
500 - #notifier-admin-header .header-logo {
501 - margin-right: 10px;
502 - }
503 -}
504 -#notifier-admin-header .notifier-admin-header-content {
505 - background: #fff;
506 - box-sizing: border-box;
507 - width: 100%;
508 - top: 32px;
509 - z-index: 1001;
510 - padding: 0 20px;
511 - height: 70px;
512 - display: flex;
513 - align-content: center;
514 - align-items: center;
515 - justify-content: space-between;
516 - border-bottom: 1px solid #eee;
517 -}
518 -@media screen and (max-width: 767px) {
519 - #notifier-admin-header .notifier-admin-header-content {
520 - padding: 0 12px;
521 - }
522 -}
523 -#notifier-admin-header .notifier-admin-header-content.sticky {
524 - box-shadow: 0 8px 8px 0 rgba(85, 93, 102, 0.3);
525 -}
526 -@media screen and (max-width: 767px) {
527 - #notifier-admin-header .notifier-admin-header-content .header-page-title {
528 - flex: 1;
529 - }
530 -}
531 -@media screen and (max-width: 767px) {
532 - #notifier-admin-header .notifier-admin-header-content .header-menu-items {
533 - flex: 1;
534 - justify-content: flex-end;
535 - }
536 -}
537 -#notifier-admin-header .notifier-admin-header-content .header-menu-items ul {
538 - margin: 0;
539 -}
540 -#notifier-admin-header .notifier-admin-header-content .header-menu-items ul li {
541 - display: inline-block;
542 - margin-bottom: 0;
543 -}
544 -#notifier-admin-header .notifier-admin-header-content .header-menu-items ul li:last-child {
545 - border-right: 0;
546 -}
547 -#notifier-admin-header .notifier-admin-header-content .header-menu-items ul li a {
548 - text-decoration: none;
549 - padding: 0 20px;
550 - display: block;
551 -}
552 -@media screen and (max-width: 767px) {
553 - #notifier-admin-header .notifier-admin-header-content .header-menu-items ul li a {
554 - padding: 0 10px;
555 - }
556 -}
557 -#notifier-admin-header .notifier-admin-header-content .header-menu-items ul li a.active {
558 - color: #555;
559 -}
560 -#notifier-admin-header .notifier-admin-header-content .header-action-links .review-us-link {
561 - color: #777;
562 -}
563 -#notifier-admin-header .notifier-admin-header-content .header-action-links .review-us-link a {
564 - text-decoration: none;
565 - color: #777;
566 -}
567 -@media screen and (max-width: 767px) {
568 - #notifier-admin-header .notifier-admin-header-content .header-action-links > *:not(.review-us-link) {
569 - display: none !important;
570 - }
571 -}
572 -#notifier-admin-header .notifier-admin-header-content .header-action-links > * {
573 - text-decoration: none;
574 - padding: 0 10px;
575 - display: inline-block;
576 -}
577 -#notifier-admin-header .notifier-admin-header-content .header-action-links > *.header-version {
578 - color: #777;
579 -}
580 -
581 -.onboarding {
582 - max-width: 600px;
583 - margin: 0 auto;
584 - background: #fff;
585 - border-radius: 10px;
586 - box-shadow: 0 8px 8px 0 rgba(85, 93, 102, 0.1);
587 -}
588 -.onboarding .onboarding-head {
589 - padding: 20px;
590 - border-bottom: 1px solid #eee;
591 -}
592 -.onboarding .onboarding-head h1,
593 -.onboarding .onboarding-head h2,
594 -.onboarding .onboarding-head h3 {
595 - margin: 0;
596 -}
597 -.onboarding .onboarding-head p {
598 - margin-bottom: 0;
599 -}
600 -.onboarding .onboarding-body {
601 - padding: 20px;
602 -}
603 -.onboarding .onboarding-body h1,
604 -.onboarding .onboarding-body h2,
605 -.onboarding .onboarding-body h3,
606 -.onboarding .onboarding-body p:first-child {
607 - margin-top: 0;
608 -}
609 -.onboarding .onboarding-body p:last-child {
610 - margin-bottom: 0;
611 -}
612 -.onboarding .onboarding-footer {
613 - padding: 20px;
614 - border-top: 1px solid #eee;
615 -}
616 -
617 -.dashboard-boxes {
618 - display: flex;
619 - flex-wrap: wrap;
620 - margin-left: -10px;
621 - margin-right: -10px;
622 -}
623 -.dashboard-boxes .col {
624 - padding: 0 10px;
625 -}
626 -@media screen and (max-width: 992px) {
627 - .dashboard-boxes > .col:not(.w-100) {
628 - flex: 0 0 50% !important;
629 - }
630 -}
631 -@media screen and (max-width: 767px) {
632 - .dashboard-boxes > .col:not(.w-100) {
633 - flex: 0 0 100% !important;
634 - }
635 -}
636 -.dashboard-boxes .dashboard-box {
637 - border-radius: 8px;
638 - background-color: #fff;
639 - display: flex;
640 - flex-direction: column;
641 - margin-bottom: 20px;
642 -}
643 -.dashboard-boxes .dashboard-box.dashboard-box-top {
644 - height: auto;
645 -}
646 -@media screen and (max-width: 767px) {
647 - .dashboard-boxes .dashboard-box.dashboard-box-top .w-25 {
648 - flex: 0 0 100%;
649 - }
650 -}
651 -.dashboard-boxes .dashboard-box .dashboard-box-head {
652 - padding: 15px 20px;
653 - border-bottom: 1px solid #eee;
654 -}
655 -@media screen and (max-width: 767px) {
656 - .dashboard-boxes .dashboard-box .dashboard-box-head {
657 - padding: 12px;
658 - }
659 -}
660 -.dashboard-boxes .dashboard-box .dashboard-box-head h2,
661 -.dashboard-boxes .dashboard-box .dashboard-box-head h3 {
662 - margin: 0;
663 -}
664 -@media screen and (max-width: 767px) {
665 - .dashboard-boxes .dashboard-box .dashboard-box-head h2,
666 -.dashboard-boxes .dashboard-box .dashboard-box-head h3 {
667 - font-size: 16px;
668 - }
669 -}
670 -.dashboard-boxes .dashboard-box .dashboard-box-body {
671 - padding: 15px 20px;
672 -}
673 -@media screen and (max-width: 767px) {
674 - .dashboard-boxes .dashboard-box .dashboard-box-body {
675 - padding: 12px;
676 - }
677 -}
678 -.dashboard-boxes .dashboard-box .dashboard-box-body *:first-child {
679 - margin-top: 0;
680 -}
681 -.dashboard-boxes .dashboard-box .dashboard-box-body h3 {
682 - font-size: 1.2em;
683 -}
684 -.dashboard-boxes .dashboard-box .dashboard-box-body table {
685 - width: 100%;
686 -}
687 -.dashboard-boxes .dashboard-box .dashboard-box-body table th,
688 -.dashboard-boxes .dashboard-box .dashboard-box-body table td {
689 - text-align: left;
690 - vertical-align: top;
691 -}
692 -.dashboard-boxes .dashboard-box .dashboard-box-body table th:first-child,
693 -.dashboard-boxes .dashboard-box .dashboard-box-body table td:first-child {
694 - width: 20%;
695 -}
696 -.dashboard-boxes .dashboard-box .dashboard-box-body.how-to ul {
697 - list-style: inherit;
698 - padding-left: 20px;
699 - margin-bottom: 10px;
700 -}
701 -.dashboard-boxes .dashboard-box .dashboard-box-body .dashicons-marker {
702 - color: #ccc;
703 -}
704 -.dashboard-boxes .dashboard-box .dashboard-box-body .dashicons-yes-alt {
705 - color: #01a401;
706 -}
707 -.dashboard-boxes .dashboard-box .dashboard-box-footer {
708 - margin-top: auto;
709 - padding: 15px 20px;
710 -}
711 -.dashboard-boxes .dashboard-box .dashboard-box-footer .dashboard-box-buttons-wrap {
712 - text-align: right;
713 -}
714 -.dashboard-boxes .dashboard-box .dashboard-box-footer .dashboard-box-buttons-wrap .button {
715 - margin-left: 10px;
716 -}
717 -
718 -#wa-notifier-api-key {
719 - width: 100%;
720 - margin-bottom: 10px;
721 -}
722 -
723 -.notifier-triggers-group-wrap {
724 - margin-bottom: 30px;
725 -}
726 -.notifier-triggers-group-wrap .notifier-trigger-wrap {
727 - margin-bottom: 20px;
728 -}
729 -.notifier-triggers-group-wrap .notifier-trigger-wrap .notifier-trigger-label {
730 - font-size: 16px;
731 -}
732 -.notifier-triggers-group-wrap .notifier-trigger-wrap .notifier-trigger-label input[type=checkbox] {
733 - -webkit-appearance: none;
734 - -moz-appearance: none;
735 - appearance: none;
736 - margin: 0;
737 - font: inherit;
738 - color: #697a8d;
739 - width: 20px;
740 - height: 20px;
741 - border: 2px solid #697a8d;
742 - border-radius: 3px;
743 - background-color: transparent;
744 - outline: none !important;
745 - margin-right: 10px;
746 -}
747 -.notifier-triggers-group-wrap .notifier-trigger-wrap .notifier-trigger-label input[type=checkbox]::before {
748 - content: "";
749 -}
750 -.notifier-triggers-group-wrap .notifier-trigger-wrap .notifier-trigger-label input[type=checkbox]:checked {
751 - color: white;
752 - background: #0396a1;
753 - border-color: #0396a1;
754 - box-shadow: none;
755 -}
756 -.notifier-triggers-group-wrap .notifier-trigger-wrap .notifier-trigger-label input[type=checkbox]:checked::before {
757 - content: "\f147";
758 - font-family: "dashicons";
759 - font-size: 20px;
760 - display: block;
761 - position: absolute;
762 - height: 18px;
763 - width: 18px;
764 - margin-top: -1px;
765 - margin-left: -3px;
766 -}
767 -.notifier-triggers-group-wrap .notifier-trigger-wrap .notifier-trigger-label .notifier-show-trigger-info {
768 - border: 0;
769 - background: none;
770 - padding: 0;
771 - cursor: pointer;
772 - color: #aaa;
773 -}
774 -.notifier-triggers-group-wrap .notifier-trigger-wrap .notifier-trigger-info {
775 - background: #f7f7f7;
776 - padding: 10px;
777 - margin-top: 10px;
778 - border: 1px solid #eee;
779 - border-radius: 10px;
780 -}
781 -
782 -.notifier-overview-image {
783 - float: right;
784 - display: inline-block;
785 - width: 100%;
786 - height: auto;
787 - max-width: 250px;
788 - margin-left: 30px;
789 -}
790 -@media screen and (max-width: 767px) {
791 - .notifier-overview-image {
792 - float: none;
793 - }
794 - .notifier-overview-image img {
795 - max-width: none;
796 - }
797 -}
798 -
799 -.notifier-settings-form-profile .notifier-profile-fields-right {
800 - margin-left: 50px;
801 - margin-top: 100px;
802 -}
803 -@media screen and (max-width: 767px) {
804 - .notifier-settings-form-profile .notifier-profile-fields-right {
805 - display: none;
806 - }
807 -}
808 -
809 -.notifier-fields-table {
810 - width: 100%;
811 - max-width: 700px;
812 -}
813 -.notifier-fields-table tr th {
814 - vertical-align: top;
815 - text-align: left;
816 - padding: 20px 10px 20px 0;
817 - width: 200px;
818 - line-height: 1.3;
819 - font-weight: 600;
820 -}
821 -@media screen and (max-width: 767px) {
822 - .notifier-fields-table tr th {
823 - display: block;
824 - width: 100%;
825 - padding: 10px 0 5px 0;
826 - }
827 -}
828 -.notifier-fields-table tr th.section-title {
829 - padding: 0;
830 -}
831 -.notifier-fields-table tr td {
832 - margin-bottom: 9px;
833 - padding: 15px 10px;
834 - line-height: 1.3;
835 - vertical-align: middle;
836 -}
837 -@media screen and (max-width: 767px) {
838 - .notifier-fields-table tr td {
839 - display: block;
840 - width: 100%;
841 - padding: 0;
842 - }
843 -}
844 -.notifier-fields-table tr h3 {
845 - margin-bottom: 0;
846 -}
847 -.notifier-fields-table tr .description {
848 - font-weight: normal;
849 -}
850 -.notifier-fields-table input:not([type=button]):not([type=radio]):not([type=checkbox]),
851 -.notifier-fields-table textarea,
852 -.notifier-fields-table select {
853 - width: 100%;
854 - max-width: none;
855 -}
856 -.notifier-fields-table #notifier_ctc_enable {
857 - max-width: 16px;
858 - height: 16px;
859 -}
860 -
861 -.notifier-chat-btn-image-url {
862 - display: none;
863 -}
864 -
865 -.disabled-field {
866 - background: #fff !important;
867 - opacity: 0.5;
868 - pointer-events: none;
869 -}
870 -
871 -.post-type-wa_notifier_trigger #minor-publishing-actions #save-action,
872 -.post-type-wa_notifier_trigger #misc-publishing-actions {
873 - display: none;
874 -}
875 -.post-type-wa_notifier_trigger #minor-publishing-actions {
876 - padding: 15px 10px;
877 - text-align: left;
878 -}
879 -.post-type-wa_notifier_trigger .trigger-fields-wrap {
880 - margin: 1em 0;
881 -}
882 -.post-type-wa_notifier_trigger .notifier-trigger-merge-tags {
883 - margin-bottom: 5px;
884 -}
885 -.post-type-wa_notifier_trigger .notifier-trigger-merge-tags .notifier-merge-tags-wrap {
886 - padding: 10px 10px 5px 10px;
887 - border: 1px solid #8c8f94;
888 - border-radius: 3px;
889 -}
890 -.post-type-wa_notifier_trigger .notifier-trigger-merge-tags .notifier-merge-tags-wrap .notifier-merge-tags {
891 - flex-wrap: nowrap;
892 - margin-bottom: 15px;
893 - padding-bottom: 10px;
894 - border-bottom: 1px solid #ddd;
895 -}
896 -.post-type-wa_notifier_trigger .notifier-trigger-merge-tags .notifier-merge-tags-wrap .notifier-merge-tags:last-child {
897 - margin-bottom: 0;
898 - border-bottom: 0;
899 -}
900 -@media screen and (max-width: 767px) {
901 - .post-type-wa_notifier_trigger .notifier-trigger-merge-tags .notifier-merge-tags-wrap .notifier-merge-tags {
902 - flex-wrap: wrap;
903 - }
904 -}
905 -.post-type-wa_notifier_trigger .notifier-trigger-merge-tags .notifier-merge-tags-wrap .notifier-merge-tags legend.form-label {
906 - font-size: 13px;
907 - min-width: 120px;
908 - max-width: 120px;
909 - font-weight: 500;
910 - margin-bottom: 5px;
911 - margin-top: 1px;
912 -}
913 -.post-type-wa_notifier_trigger .notifier-trigger-merge-tags .notifier-merge-tags-wrap .notifier-merge-tags .multi-checkbox-wrapper {
914 - flex-grow: 1;
915 - max-height: 105px;
916 - overflow: auto;
917 -}
918 -@media screen and (max-width: 767px) {
919 - .post-type-wa_notifier_trigger .notifier-trigger-merge-tags .notifier-merge-tags-wrap .notifier-merge-tags .multi-checkbox-wrapper {
920 - max-height: 150px;
921 - }
922 -}
923 -.post-type-wa_notifier_trigger .notifier-trigger-merge-tags .notifier-merge-tags-wrap .notifier-merge-tags .multi-checkbox-wrapper .form-check {
924 - display: inline-block;
925 - margin-bottom: 5px;
926 - width: 25%;
927 -}
928 -.post-type-wa_notifier_trigger .notifier-trigger-merge-tags .notifier-merge-tags-wrap .notifier-merge-tags .multi-checkbox-wrapper .form-check .form-check-label {
929 - width: auto;
930 - display: block;
931 - white-space: nowrap;
932 - overflow: hidden;
933 - text-overflow: ellipsis;
934 -}
935 -@media screen and (max-width: 1440px) {
936 - .post-type-wa_notifier_trigger .notifier-trigger-merge-tags .notifier-merge-tags-wrap .notifier-merge-tags .multi-checkbox-wrapper .form-check {
937 - width: 33.33%;
938 - }
939 -}
940 -@media screen and (max-width: 1024px) {
941 - .post-type-wa_notifier_trigger .notifier-trigger-merge-tags .notifier-merge-tags-wrap .notifier-merge-tags .multi-checkbox-wrapper .form-check {
942 - width: 50%;
943 - }
944 -}
945 -@media screen and (max-width: 767px) {
946 - .post-type-wa_notifier_trigger .notifier-trigger-merge-tags .notifier-merge-tags-wrap .notifier-merge-tags .multi-checkbox-wrapper .form-check {
947 - width: 100%;
948 - }
949 -}
950 -
951 -.notifier-click-to-chat-btn {
952 - position: fixed;
953 - bottom: 20px;
954 - right: 20px;
955 - cursor: pointer;
956 - z-index: 99999999;
957 -}
958 -.notifier-click-to-chat-btn a {
959 - text-decoration: none !important;
960 - display: inline-block;
961 - outline: none !important;
962 -}
963 -.notifier-click-to-chat-btn a:hover, .notifier-click-to-chat-btn a:focus {
964 - text-decoration: none !important;
965 -}
966 -.notifier-click-to-chat-btn.notifier-click-to-chat-style-3 a {
967 - display: flex;
968 - justify-content: center;
969 - align-items: center;
970 - background-color: #e4e4e4;
971 - color: #7f7d7d;
972 - padding: 0 12px;
973 - border-radius: 25px;
974 - font-size: 13px;
975 - line-height: 32px;
976 -}
977 -.notifier-click-to-chat-btn.notifier-click-to-chat-style-4 a {
978 - display: flex;
979 - padding: 0 2rem;
980 - letter-spacing: 0.5px;
981 - transition: 0.2s ease-out;
982 - text-align: center;
983 - justify-content: center;
984 - align-items: center;
985 - border-radius: 2px;
986 - height: 36px;
987 - line-height: 36px;
988 - vertical-align: middle;
989 - box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
990 - box-sizing: inherit;
991 - background-color: #26a69a;
992 - color: #fff;
993 -}
994 -.notifier-click-to-chat-btn.notifier-click-to-chat-style-custom img {
995 - width: 100%;
996 - height: auto;
997 - max-width: 150px;
998 - max-height: 150px;
999 - -o-object-fit: cover;
1000 - object-fit: cover;
1001 -}
1002 -
1003 -.notifier-tool-wrap {
1004 - background: #fff;
1005 - margin-bottom: 15px;
1006 - display: flex;
1007 - justify-content: space-between;
1008 - align-items: center;
1009 - padding: 20px;
1010 -}
1011 -.notifier-tool-wrap .notifier-tool-name {
1012 - margin-top: 0px;
1013 - margin-bottom: 10px;
1014 -}
1015 -.notifier-tool-wrap .notifier-tool-description {
1016 - margin: 0px;
1017 -}
1018 -
1019 -.notifier-tool-activity-wrap {
1020 - background: #ffffff;
1021 - margin-bottom: 15px;
1022 - padding: 20px;
1023 -}
1024 -.notifier-tool-activity-wrap .notifier-tool-inner-wrap {
1025 - display: flex;
1026 - justify-content: space-between;
1027 - align-items: center;
1028 -}
1029 -.notifier-tool-activity-wrap .notifier-tool-inner-wrap .notifier-tool-name {
1030 - margin-top: 0px;
1031 - margin-bottom: 10px;
1032 -}
1033 -.notifier-tool-activity-wrap .notifier-tool-inner-wrap .notifier-tool-description {
1034 - margin: 0px;
1035 -}
1036 -.notifier-tool-activity-wrap .activity-log-preview-wrap {
1037 - background: #f7f7f7;
1038 - padding: 10px;
1039 - max-height: 200px;
1040 - overflow: auto;
1041 - border: 1px solid #ddd;
1042 - border-radius: 8px;
1043 - margin-top: 10px;
1044 -}
1045 -.notifier-tool-activity-wrap .activity-log-preview-wrap table {
1046 - width: 100px;
1047 -}
1048 -.notifier-tool-activity-wrap .activity-log-preview-wrap table .activity-record td {
1049 - vertical-align: top;
1050 -}
1051 -.notifier-tool-activity-wrap .activity-log-preview-wrap table .activity-record td:first-child {
1052 - padding-right: 10px;
1053 - white-space: nowrap;
1054 -}
1 +.d-none,.hide{display:none!important}.d-block{display:block!important}.d-inline-block{display:inline-block!important}.d-flex{display:flex!important}.flex-wrap{flex-wrap:wrap}.flex-grow-1{flex-grow:1}.justify-content-center{justify-content:center}.justify-content-end{justify-content:flex-end}.justify-content-between{justify-content:space-between}.align-content-center{align-content:center}.align-items-center{align-items:center}.align-items-start{align-items:flex-start}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:16px}.col{box-sizing:border-box;flex:1 0 0%}.w-25{width:25%}.w-25,.w-30{flex:0 0 auto}.w-30{width:30%}.w-33{width:33.33333333%}.w-33,.w-40{flex:0 0 auto}.w-40{width:40%}.w-50{width:50%}.w-50,.w-60{flex:0 0 auto}.w-60{width:60%}.w-70{width:70%}.w-70,.w-75{flex:0 0 auto}.w-75{width:75%}.w-80{flex:0 0 auto;width:80%}.w-100{flex:1 0 100%}.w-auto{width:auto!important}.h-100{height:100%}.m-0{margin:0!important}.mt-0{margin-top:0!important}.mt-1{margin-top:4px!important}.mt-2{margin-top:8px!important}.mt-3{margin-top:16px!important}.mt-4{margin-top:24px!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:4px!important}.mb-2{margin-bottom:8px!important}.mb-3{margin-bottom:16px!important}.mb-4{margin-bottom:24px!important}.me-0{margin-right:0!important}.me-1{margin-right:4px!important}.me-2{margin-right:8px!important}.me-3{margin-right:16px!important}.me-4{margin-right:24px!important}.ms-0{margin-left:0!important}.ms-1{margin-left:4px!important}.ms-2{margin-left:8px!important}.ms-3{margin-left:16px!important}.ms-4{margin-left:24px!important}.ms-auto{margin-left:auto!important}.my-4{margin-bottom:24px!important;margin-top:24px!important}.p-0{padding:0!important}.p-20{padding:20px}.px-0{padding-right:0!important}.ps-0,.px-0{padding-left:0!important}.ps-1{padding-left:4px!important}.ps-2{padding-left:8px!important}.ps-3{padding-left:16px!important}.ps-4{padding-left:24px!important}.pe-0{padding-right:0!important}.pe-1{padding-right:4px!important}.pe-2{padding-right:8px!important}.pe-3{padding-right:16px!important}.pe-4{padding-right:24px!important}.pt-0{padding-top:0!important}.py-1{padding-bottom:4px!important;padding-top:4px!important}.py-4{padding-bottom:24px!important;padding-top:24px!important}.py-5{padding-bottom:48px!important;padding-top:48px!important}.small{font-size:85%}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-muted{color:#6c757d}.text-danger{color:#ce1e00}.text-success{color:#329000}.text-warning{color:#ffab00}.text-dark{color:#212529}.text-secondary{color:#8592a3}.text-nowrap{white-space:nowrap}.text-capitalize{text-transform:capitalize}.text-uppercase{text-transform:uppercase}.text-decoration-none{text-decoration:none!important}.text-truncate{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded{border-radius:8px}.border{border:1px solid #dee2e6!important}.border-top-0{border-top:0!important}.bg-white{background-color:#fff}.bg-transparent{background-color:transparent!important}.opacity-50{opacity:.5}.visually-hidden{clip:rect(0,0,0,0)!important;border:0!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}.notifier-toggle-switch input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ccc;border:none;border-radius:40px;box-shadow:inset 0 0 5px rgba(0,0,0,.2);cursor:pointer;height:16px;outline:none;position:relative;transition:.2s;width:32px}.notifier-toggle-switch input:checked[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#00c417}.notifier-toggle-switch input[type=checkbox]:before{content:none}.notifier-toggle-switch input[type=checkbox]:after{background:#fff;border-radius:50%;box-shadow:0 0 5px rgba(0,0,0,.2);content:"";height:16px;left:0;position:absolute;top:0;transform:scale(1.1);transition:.2s;width:16px}.notifier-toggle-switch input:checked[type=checkbox]:after{left:50%}.loader{background-color:#f7f7f7;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' xml:space='preserve'%3E%3Cpath d='M73 50c0-12.7-10.3-23-23-23S27 37.3 27 50m3.9 0c0-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");background-position:50%;background-repeat:no-repeat;background-size:50px 50px;height:100px}#wpcontent{padding-left:0!important}#screen-meta{margin:0 -20px}@media screen and (max-width:767px){#screen-meta{border-left:0;border-right:0;margin:0 0 0 -12px}}#wpbody{padding-left:20px}@media screen and (max-width:767px){#wpbody{padding-left:12px;padding-top:0}}.meta-fields .form-field{position:relative}.meta-fields .form-field label.form-label,.meta-fields .form-field legend{display:block;font-size:16px;font-weight:500;margin-bottom:5px}.meta-fields .form-field label .limit-text{color:#999;float:right}.meta-fields .form-field input[type=password],.meta-fields .form-field input[type=text],.meta-fields .form-field select,.meta-fields .form-field textarea{max-width:100%;width:100%}@media screen and (max-width:767px){.meta-fields .form-field input[type=password],.meta-fields .form-field input[type=text],.meta-fields .form-field select,.meta-fields .form-field textarea{width:100%}}.meta-fields .form-field input[disabled=disabled],.meta-fields .form-field select[disabled=disabled],.meta-fields .form-field textarea[disabled=disabled]{background-color:#f6f7f7;cursor:not-allowed}.meta-fields .form-field :disabled{background-color:#f6f7f7}.meta-fields .form-field .radio-buttons{margin:0}.meta-fields .form-field .radio-buttons li{display:inline-block;margin-right:20px}.meta-fields .form-field .radio-buttons li label{display:inline-block;width:auto}.meta-fields .form-field .fields-repeater{border-collapse:collapse;width:100%}.meta-fields .form-field .fields-repeater th{background-color:#f7f7f7;border:1px solid #a8a6a6;font-size:14px;font-weight:400;padding:10px;text-align:left}.meta-fields .form-field .fields-repeater td{border:1px solid #a8a6a6;padding:10px;vertical-align:top;width:50%}.meta-fields .form-field .fields-repeater td input,.meta-fields .form-field .fields-repeater td select,.meta-fields .form-field .fields-repeater td textarea{width:100%}.meta-fields .form-field .fields-repeater td.delete-repeater-field{min-width:20px;text-align:center}.meta-fields .form-field .fields-repeater td.delete-repeater-field span{cursor:pointer;margin-top:5px}.meta-fields fieldset.form-field{font-size:14px;line-height:1.5;margin:1em 0}.meta-fields h3{font-size:16px;margin-bottom:5px}.meta-fields h4{margin-bottom:0}.meta-fields hr{margin:20px auto}.meta-fields .optional-text{color:#999;font-weight:400}.meta-fields .description{color:#555;display:inline-block;font-size:13px;margin-top:5px}@media screen and (max-width:767px){.meta-fields .col{flex:0 0 100%}}.notifier-media-preview{display:block}.notifier-notice{margin-left:0;margin-top:20px}table.wp-list-table{border:1px solid #dee2e6;border-radius:8px;box-shadow:none}table.wp-list-table thead td,table.wp-list-table thead th{border-bottom:1px solid #dee2e6;padding-bottom:5px!important;padding-top:5px!important}table.wp-list-table tfoot td,table.wp-list-table tfoot th{border-top:1px solid #dee2e6;padding-bottom:5px!important;padding-top:5px!important}.notifier{box-sizing:border-box;font-size:14px;margin:0 0 0 -20px}@media screen and (max-width:767px){.notifier{margin:0 0 0 -12px}}.notifier *,.notifier :after,.notifier :before{box-sizing:inherit}@media screen and (max-width:767px){.notifier #notifier-admin-header{padding-top:46px}}.notifier #notifier-admin-header .notifier-admin-header-content{align-items:center;background:#fff;border-bottom:1px solid #dee2e6;display:flex;height:70px;justify-content:space-between;padding:0 20px;top:32px;width:100%;z-index:1001}@media screen and (max-width:767px){.notifier #notifier-admin-header .notifier-admin-header-content{padding:0 12px}}.notifier #notifier-admin-header .notifier-admin-header-content.sticky{box-shadow:0 8px 8px 0 rgba(85,93,102,.3)}.notifier #notifier-admin-header .notifier-admin-header-content .header-page-title{align-items:center;display:flex}@media screen and (max-width:767px){.notifier #notifier-admin-header .notifier-admin-header-content .header-page-title{flex:1}}.notifier #notifier-admin-header .notifier-admin-header-content .header-logo{align-items:center;display:inline-flex;line-height:0;text-decoration:none}.notifier #notifier-admin-header .notifier-admin-header-content .header-logo img{display:block;height:30px;width:auto}@media screen and (max-width:767px){.notifier #notifier-admin-header .notifier-admin-header-content .header-logo img{height:24px}}.notifier #notifier-admin-header .header-action-links{align-items:center;display:flex;justify-content:flex-end}.notifier #notifier-admin-header .header-action-links .review-us-link{color:#777}.notifier #notifier-admin-header .header-action-links .review-us-link a{color:#777;text-decoration:none}@media screen and (max-width:767px){.notifier #notifier-admin-header .header-action-links>:not(.review-us-link){display:none!important}}.notifier #notifier-admin-header .header-action-links>*{display:inline-block;padding:0 10px;text-decoration:none}.notifier #notifier-admin-header .header-action-links>.header-version{color:#777}.notifier .notifier-app-wrapper{margin-top:0}.notifier .notifier-tab-bar{background:#fff;border-bottom:1px solid #dee2e6;display:flex;list-style:none;margin:0;padding:0 20px}@media screen and (max-width:767px){.notifier .notifier-tab-bar{padding:0 12px}}.notifier .notifier-tab-bar .nav-item{margin-bottom:0}.notifier .notifier-tab-bar .nav-link{background:none;border:none;border-bottom:2px solid transparent;border-radius:0;color:#555;cursor:pointer;display:inline-block;font-size:13px;font-weight:500;padding:10px 16px;text-decoration:none}.notifier .notifier-tab-bar .nav-link:hover{border-bottom-color:#ccc;color:#333}.notifier .notifier-tab-bar .nav-link.active{background:transparent;border-bottom-color:#0396a1;color:#0396a1}.notifier .notifier-tab-content{padding:20px}@media screen and (max-width:767px){.notifier .notifier-tab-content{padding:16px 12px}}.notifier .notifier-notices{margin:20px 20px 0}@media screen and (max-width:767px){.notifier .notifier-notices{margin:16px 12px 0}}.notifier .row{display:flex;flex-wrap:wrap;margin-left:-12px;margin-right:-12px}.notifier .row>*{padding-left:12px;padding-right:12px}.notifier .g-3{--notifier-gutter:16px;margin-left:calc(var(--notifier-gutter)/-2);margin-right:calc(var(--notifier-gutter)/-2);row-gap:var(--notifier-gutter)}.notifier .g-3>*{padding-left:calc(var(--notifier-gutter)/2);padding-right:calc(var(--notifier-gutter)/2)}.notifier .col-12{flex:0 0 100%;max-width:100%}@media (min-width:768px){.notifier .col-md-4{flex:0 0 33.333333%;max-width:33.333333%}.notifier .col-md-5{flex:0 0 41.666667%;max-width:41.666667%}.notifier .col-md-6{flex:0 0 50%;max-width:50%}.notifier .col-md-7{flex:0 0 58.333333%;max-width:58.333333%}.notifier .col-md-8{flex:0 0 66.666667%;max-width:66.666667%}}@media (min-width:992px){.notifier .col-lg-4{flex:0 0 33.333333%;max-width:33.333333%}}.notifier .card{background:#fff;border:1px solid #dee2e6;border-radius:8px;box-shadow:0 2px 6px 0 rgba(67,89,113,.12);display:flex;flex-direction:column;margin-top:0;max-width:none;overflow:hidden;padding:0;position:relative}.notifier .card-body{flex:1 1 auto;padding:15px 20px}.notifier .card-body p:last-child{margin-bottom:0}.notifier .card-header{border-bottom:1px solid #dee2e6;padding:15px 20px}.notifier .card-header:first-child{border-radius:4px 4px 0 0}.notifier .card-header h4{margin-top:0}.notifier .card-footer{border-top:1px solid #dee2e6;padding:15px 20px}.notifier .card-footer:last-child{border-radius:0 0 4px 4px}.notifier .card-title{font-size:16px;font-weight:600;margin:0 0 4px}.notifier .card-text{margin:0}.notifier .notifier-card-tabs{background:#fff;border:1px solid #dee2e6;border-radius:8px;box-shadow:0 2px 6px 0 rgba(67,89,113,.12);display:flex;overflow:hidden}.notifier .notifier-card-tabs__sidebar{background:#e9ecef;border-right:1px solid #dee2e6;flex-shrink:0;padding:8px 0;width:180px}.notifier .notifier-card-tabs__sidebar nav{display:flex;flex-direction:column}.notifier .notifier-card-tabs__item{align-items:center;background:none;border:none;border-left:3px solid transparent;border-radius:0;color:#495057;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:9px 16px;text-align:left;transition:background .15s,color .15s;width:100%}.notifier .notifier-card-tabs__item:hover{background:#e9ecef;color:#212529}.notifier .notifier-card-tabs__item.active{background:#fff;border-left-color:#0396a1;color:#0396a1}.notifier .notifier-card-tabs__icon{align-items:center;display:flex;flex-shrink:0;opacity:.7}.active .notifier .notifier-card-tabs__icon{opacity:1}.notifier .notifier-card-tabs__content{flex:1;min-width:0}@media screen and (max-width:767px){.notifier .notifier-card-tabs{flex-direction:column}.notifier .notifier-card-tabs__sidebar{border-bottom:1px solid #dee2e6;border-right:none;padding:0;width:100%}.notifier .notifier-card-tabs__sidebar nav{flex-direction:row;overflow-x:auto}.notifier .notifier-card-tabs__item{border-bottom:3px solid transparent;border-left:none;white-space:nowrap}.notifier .notifier-card-tabs__item.active{background:#f8f9fa;border-bottom-color:#0396a1;border-left-color:transparent}}.notifier .btn{border:1px solid transparent;border-radius:4px;cursor:pointer;display:inline-block;font-size:13px;font-weight:400;line-height:normal;padding:7px 14px;text-align:center;text-decoration:none;transition:color .15s,background-color .15s,border-color .15s;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle}.notifier .btn:disabled{opacity:.65;pointer-events:none}.notifier .btn-sm{font-size:13px;padding:2px 8px}.notifier .btn-primary{background-color:#0396a1;border-color:#0396a1;color:#fff}.notifier .btn-primary:focus,.notifier .btn-primary:hover{background-color:#02676f;border-color:#02676f;color:#fff}.notifier .btn-primary:disabled{opacity:.65;pointer-events:none}.notifier .btn-success{background-color:#329000;border-color:#329000;color:#fff}.notifier .btn-success:focus,.notifier .btn-success:hover{background-color:#256a00;border-color:#205d00;color:#fff}.notifier .btn-success:disabled{opacity:.65;pointer-events:none}.notifier .btn-outline-primary{background-color:transparent;border-color:#0396a1;color:#0396a1}.notifier .btn-outline-primary:focus,.notifier .btn-outline-primary:hover{background-color:#0396a1;border-color:#0396a1;color:#fff}.notifier .btn-outline-primary:disabled{opacity:.65;pointer-events:none}.notifier .btn-outline-secondary{background-color:transparent;border-color:#8592a3;color:#8592a3}.notifier .btn-outline-secondary:focus,.notifier .btn-outline-secondary:hover{background-color:#8592a3;border-color:#8592a3;color:#fff}.notifier .btn-outline-secondary:disabled{opacity:.65;pointer-events:none}.notifier .btn-outline-danger{background-color:transparent;border-color:#ce1e00;color:#ce1e00}.notifier .btn-outline-danger:focus,.notifier .btn-outline-danger:hover{background-color:#ce1e00;border-color:#ce1e00;color:#fff}.notifier .btn-outline-danger:disabled{opacity:.65;pointer-events:none}.notifier .btn-link{background:none;border:none;color:#0396a1;cursor:pointer;padding:0;text-decoration:underline}.notifier .btn-link:hover{color:#02676f}.notifier .btn-close{background:transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3E%3C/svg%3E") 50%/1em auto no-repeat;border:0;border-radius:4px;cursor:pointer;display:inline-block;height:1em;opacity:.5;padding:.25em;width:1em}.notifier .btn-close:hover{opacity:.75}.notifier .btn-group{display:inline-flex}.notifier .btn-group>.btn{border-radius:0}.notifier .btn-group>.btn:first-child{border-radius:4px 0 0 4px}.notifier .btn-group>.btn:last-child{border-radius:0 4px 4px 0}.notifier .btn-group>.btn+.btn{margin-left:-1px}.notifier .badge{border-radius:4px;color:#fff;display:inline-block;font-size:11px;font-weight:500;line-height:1;padding:3px 8px;text-align:center;vertical-align:baseline;white-space:nowrap}.notifier .bg-primary{background-color:#0396a1!important}.notifier .bg-success{background-color:#329000!important}.notifier .bg-secondary{background-color:#8592a3!important}.notifier .bg-warning{background-color:#ffab00!important}.notifier .bg-danger{background-color:#ce1e00!important}.notifier .bg-opacity-30{background-color:rgba(0,0,0,.3)!important;opacity:1}.notifier .alert{border:1px solid transparent;border-radius:4px;font-size:14px;margin-bottom:8px;padding:12px 16px;position:relative}.notifier .alert-success{background-color:#d1e7dd;border-color:#8ec3a8;color:#0f5132}.notifier .alert-danger{background-color:#f8d7da;border-color:#ee8d97;color:#842029}.notifier .alert-warning{background-color:#fff3cd;border-color:#ffd966;color:#664d03}.notifier .alert-info{background-color:#cff4fc;border-color:#6eddf6;color:#055160}.notifier .alert-dismissible{padding-right:40px}.notifier .alert-dismissible .btn-close{position:absolute;right:12px;top:12px}.notifier .fade{opacity:0;transition:opacity .15s linear}.notifier .fade.show{opacity:1}.notifier .form-control,.notifier .form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border:1px solid #dee2e6;border-radius:4px;color:#212529;display:block;font-size:13px;line-height:1.5;padding:6px 10px;transition:border-color .15s,box-shadow .15s;width:100%}.notifier .form-control:focus,.notifier .form-select:focus{border-color:#0396a1;box-shadow:0 0 0 1px #0396a1;outline:0}.notifier .form-control.is-invalid,.notifier .form-select.is-invalid{border-color:#ce1e00}.notifier .form-select,.notifier select.form-control{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:16px 12px;padding-right:32px}.notifier select.form-control{cursor:pointer}.notifier textarea.form-control{min-height:60px;resize:vertical}.notifier .form-section-title{border-top:1px solid #f0f0f0;font-size:14px;font-weight:600;margin:0;padding:15px 0 0}.notifier .form-table{width:100%}.notifier .form-table .form-row{display:flex;padding-top:15px}.notifier .form-table .form-row:first-child{padding-top:0}.notifier .form-table .form-row-label{flex-shrink:0;font-size:13px;font-weight:500;padding-right:20px;padding-top:6px;width:200px}.notifier .form-table .form-row-field{flex:1;min-width:0}.notifier .form-table .form-row-field .form-field{margin-bottom:0}.notifier .form-label{display:block;font-size:13px;font-weight:500;margin-bottom:4px}.notifier .form-text{color:#999;display:block;font-size:13px;margin-top:4px}.notifier .description{font-size:12px;margin-top:4px}.notifier .form-check{align-items:flex-start;display:flex;gap:6px;margin-bottom:4px;min-height:20px}.notifier .form-check-input{cursor:pointer;flex-shrink:0;height:16px;margin:2px 5px 0 0;width:16px}.notifier .form-check-label{cursor:pointer;font-size:14px}.notifier .form-switch .form-check-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ccc;border:none;border-radius:40px;box-shadow:inset 0 0 5px rgba(0,0,0,.2);height:16px;outline:none;position:relative;transition:.2s;width:32px}.notifier .form-switch .form-check-input:before{content:none}.notifier .form-switch .form-check-input:after{background:#fff;border-radius:50%;box-shadow:0 0 5px rgba(0,0,0,.2);content:"";height:16px;left:0;position:absolute;top:0;transform:scale(1.1);transition:.2s;width:16px}.notifier .form-switch .form-check-input:checked{background:#0396a1}.notifier .form-switch .form-check-input:checked:after{left:50%}.notifier .invalid-feedback{color:#ce1e00;display:block;font-size:13px;margin-top:4px;width:100%}.notifier .table{border-collapse:collapse;font-size:14px;margin-bottom:16px;width:100%}.notifier .table td,.notifier .table th{border-bottom:1px solid #dee2e6;padding:12px 20px;text-align:left;vertical-align:top}.notifier .table th{font-weight:600}.notifier .table-hover tbody tr:hover{background-color:rgba(0,0,0,.02)}.notifier .table-responsive{-webkit-overflow-scrolling:touch;overflow-x:auto}.notifier .list-group{display:flex;flex-direction:column;list-style:none;margin-bottom:0;padding-left:0}.notifier .list-group-item{display:block;padding:8px 16px;position:relative}.notifier .list-group-item:first-child{border-radius:4px 4px 0 0}.notifier .list-group-item:last-child{border-radius:0 0 4px 4px}.notifier .list-group-flush .list-group-item{border-left:0;border-radius:0;border-right:0}.notifier .list-group-flush .list-group-item:first-child{border-top:0}.notifier .list-group-flush .list-group-item:last-child{border-bottom:0}.notifier .nav{display:flex;flex-wrap:wrap;list-style:none;margin-bottom:0;padding-left:0}.notifier .spinner-border{animation:notifier-spin .75s linear infinite;border:2px solid;border-radius:50%;border-right:2px solid transparent;display:inline-block;height:1.5rem;vertical-align:text-bottom;width:1.5rem}@keyframes notifier-spin{to{transform:rotate(1turn)}}.notifier .notifier-select__control{border-color:#6c757d;font-size:14px;min-height:32px}.notifier .notifier-select__control--is-focused{border-color:#0396a1;box-shadow:0 0 0 1px #0396a1}.notifier .notifier-select__menu{font-size:14px;margin-top:2px}.notifier .notifier-select__input input{box-shadow:none!important;color:#343a40!important;outline:none!important}.notifier .notifier-select__option--is-focused{background-color:#e6f5f6;color:#343a40}.notifier .notifier-select__option--is-selected{background-color:#0396a1;color:#fff}.notifier .notifier-select__group-heading{background-color:#ebf7f7;font-size:.75rem;font-weight:600;letter-spacing:.05em;margin-bottom:0;padding:12px;text-transform:uppercase}.notifier .notifier-select__multi-value__remove{color:inherit}.notifier .notifier-select__multi-value__remove svg{fill:currentColor;color:inherit}.notifier .notifier-select__multi-value__remove:hover{background-color:#c0cddf;color:inherit}.notifier h3{font-size:1.3em}.notifier h3,.notifier h4{font-weight:600;margin-top:0}.notifier h4{font-size:1.1em}.notifier h5{font-size:1em}.notifier h5,.notifier h6{font-weight:600;margin-top:0}.notifier h6{font-size:.9em}.notifier p{margin-top:0}.notifier hr{border:0;border-top:1px solid #dee2e6;margin:16px 0}.notifier .notifier-browser-mock{display:flex;flex-direction:column;height:100%;min-height:300px;overflow:hidden}.notifier .notifier-browser-mock__bar{align-items:center;background:#e9ecef;border-bottom:1px solid #dee2e6;display:flex;flex-shrink:0;gap:5px;padding:7px 10px}.notifier .notifier-browser-mock__dot{border-radius:50%;display:inline-block;flex-shrink:0;height:9px;width:9px}.notifier .notifier-browser-mock__dot:first-child{background:#ff5f57}.notifier .notifier-browser-mock__dot:nth-child(2){background:#febc2e}.notifier .notifier-browser-mock__dot:nth-child(3){background:#28c840}.notifier .notifier-browser-mock__address{align-items:center;background:#fff;border:1px solid #dee2e6;border-radius:8px;color:#999;display:flex;flex:1;font-size:9px;height:16px;line-height:16px;margin-left:6px;overflow:hidden;padding:0 8px;text-overflow:ellipsis;white-space:nowrap}.notifier .notifier-browser-mock__body{background:#fff;flex:1;overflow:hidden;position:relative}.notifier .notifier-browser-mock__page{display:flex;flex-direction:column;height:100%;overflow-y:auto}.notifier .notifier-browser-mock__container{margin:0 auto;max-width:600px;padding:0 12px;width:100%}.notifier .notifier-browser-mock__topbar{background:#fff;border-bottom:1px solid #dee2e6;flex-shrink:0}.notifier .notifier-browser-mock__topbar .notifier-browser-mock__container{align-items:center;display:flex;gap:6px;padding-bottom:7px;padding-top:7px}.notifier .notifier-browser-mock__logo-block{background:#ced4da;border-radius:3px;height:9px;width:44px}.notifier .notifier-browser-mock__spacer{flex:1}.notifier .notifier-browser-mock__nav-item{background:#dee2e6;border-radius:3px;height:7px;width:24px}.notifier .notifier-browser-mock__main{display:flex;flex:1;flex-direction:column;overflow-y:auto}.notifier .notifier-browser-mock__hero{background:#f8f9fa}.notifier .notifier-browser-mock__hero .notifier-browser-mock__container{align-items:center;display:flex;gap:10px;padding-bottom:10px;padding-top:14px}.notifier .notifier-browser-mock__hero-text{display:flex;flex:1;flex-direction:column;gap:6px}.notifier .notifier-browser-mock__hero-image{aspect-ratio:4/3;background:#dee2e6;border-radius:4px;flex-shrink:0;width:30%}.notifier .notifier-browser-mock__logos{border-bottom:1px solid #dee2e6}.notifier .notifier-browser-mock__logos .notifier-browser-mock__container{align-items:center;display:flex;gap:6px;justify-content:space-between;padding-bottom:8px;padding-top:8px}.notifier .notifier-browser-mock__logo{background:#e9ecef;border-radius:3px;flex:1;height:8px}.notifier .notifier-browser-mock__features .notifier-browser-mock__container{display:flex;gap:8px;padding-bottom:10px;padding-top:10px}.notifier .notifier-browser-mock__feature{background:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;flex:1;height:40px}.notifier .notifier-browser-mock__title{background:#ced4da;border-radius:3px;display:block;height:10px;width:70%}.notifier .notifier-browser-mock__title--lg{background:#999;height:13px;width:85%}.notifier .notifier-browser-mock__line{background:#e9ecef;border-radius:3px;display:block;height:7px;width:100%}.notifier .notifier-browser-mock__line--short{width:60%}.notifier .notifier-browser-mock__line--dark{background:#dee2e6}.notifier .notifier-browser-mock__btn{background:#0396a1;border-radius:3px;display:block;height:12px;margin-top:2px;opacity:.7;width:40px}.notifier .notifier-btn-preview{bottom:20px;position:absolute;right:20px;z-index:10}.notifier .notifier-btn-preview--loading{align-items:center;display:flex;height:52px;justify-content:center;width:52px}.notifier .notifier-btn-preview--default{cursor:pointer}.notifier .notifier-btn-preview--default a{display:inline-block;outline:none!important;text-decoration:none!important}.notifier .notifier-btn-preview--default a img{display:block;height:52px;-o-object-fit:contain;object-fit:contain;width:52px}.notifier .notifier-btn-preview .notifier-click-to-chat-btn{bottom:auto!important;cursor:pointer;position:static!important;right:auto!important}.notifier .notifier-btn-preview .notifier-click-to-chat-btn a{display:inline-block;outline:none!important;text-decoration:none!important}.notifier .notifier-btn-preview .notifier-click-to-chat-btn a:focus,.notifier .notifier-btn-preview .notifier-click-to-chat-btn a:hover{text-decoration:none!important}.notifier .notifier-btn-preview .notifier-click-to-chat-btn.notifier-click-to-chat-style-3 a{align-items:center;background-color:#e4e4e4;border-radius:25px;color:#7f7d7d;display:flex;font-size:13px;justify-content:center;line-height:32px;padding:0 12px 0 0}.notifier .notifier-btn-preview .notifier-click-to-chat-btn.notifier-click-to-chat-style-3 a span:first-child{align-items:center;display:flex;margin:0 8px 0 -12px;order:0}.notifier .notifier-btn-preview .notifier-click-to-chat-btn.notifier-click-to-chat-style-4 a{align-items:center;background-color:#26a69a;border-radius:2px;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12),0 3px 1px -2px rgba(0,0,0,.2);color:#fff;display:flex;height:36px;justify-content:center;letter-spacing:.5px;line-height:36px;padding:0 1.5rem;text-align:center;transition:.2s ease-out;vertical-align:middle}.notifier .notifier-btn-preview .notifier-click-to-chat-btn.notifier-click-to-chat-style-4 a svg{flex-shrink:0}.notifier .notifier-btn-preview .notifier-click-to-chat-btn.notifier-click-to-chat-style-custom img{height:auto;max-height:150px;max-width:150px;-o-object-fit:cover;object-fit:cover;width:100%}