PluginProbe
BetterDocs – AI Documentation, Knowledge Base, MCP Server, Docs, Wikis, FAQ & Chatbot / 4.9.5
BetterDocs – AI Documentation, Knowledge Base, MCP Server, Docs, Wikis, FAQ & Chatbot v4.9.5
4.9.5 4.9.4 4.9.3 4.9.2 4.9.1 4.9.0 4.8.2 4.8.1 4.8.0 4.7.0 4.6.2 4.6.1 4.6.0 4.5.6 4.5.5 4.5.4 4.5.3 4.5.2 4.5.1 4.5.0 4.4.1 4.4.0 3.3.4 3.4.0 3.4.1 All 203 releases
betterdocs / react-src / admin / analytics / scss / analytics.css

analytics.css in BetterDocs – AI Documentation, Knowledge Base, MCP Server, Docs, Wikis, FAQ & Chatbot 4.9.5, at react-src/admin/analytics/scss/analytics.css

1,327 lines 48.2 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 @charset "UTF-8";
2 :root {
3 --page-background: #fafbfb;
4 --base-background: #ffffff;
5 --base-color-50: #f7fefc;
6 --base-color-55: #F3FFFF;
7 --base-color-60: #FDF6FE;
8 --base-color-65: #F7F8FA;
9 --base-color-75: #ecfdf3;
10 --base-color-100: #d1fadf;
11 --base-color-700: #00b884;
12 --focus-shadow-1: #d0f9ed;
13 --focus-shadow-2: #1018280D;
14 --text-color-25: #fcfcfd;
15 --text-color-50: #f9fafb;
16 --text-color-100: #F2F4F7;
17 --text-color-150: #F2F4F7;
18 --text-color-200: #eaecf0;
19 --text-color-300: #dde2e4;
20 --text-color-400: #d0d5dd;
21 --text-color-500: #98a2b3;
22 --text-color-600: #667085;
23 --text-color-700: #344054;
24 --text-color-800: #202223;
25 --text-color-850: #475467;
26 --text-color-900: #101828;
27 --text-color-950: #1D2939;
28 --text-color-960: #303030;
29 --warning-50: #fffaeb;
30 --warning-100: #fef0c7;
31 --warning-400: #fdb022;
32 --warning-500: #ff8a1e;
33 --warning-700: #b54708;
34 --primary-500: #5a6bff;
35 --primary-700: #6941c6;
36 --danger-50: #fff1f3;
37 --danger-600: #d92d20;
38 --danger-700: #f01919;
39 --border-color-ai: #EDF0F3;
40 --mode-switcher-icon: "�
41 ";
42 }
43
44 .betterdocs-admin {
45 font-family: "IBM Plex Sans", sans-serif;
46 }
47 .betterdocs-admin.betterdocs-dark-mode {
48 --page-background: #000000;
49 --base-: #0A0A0A;
50 --base-color-50: #101211;
51 --base-color-55: #1f283d;
52 --base-color-60: #1f283d;
53 --base-color-65: #1f283d;
54 --base-color-75: #1f283d;
55 --base-color-100: #1f283d;
56 --base-color-700: #00b884;
57 --focus-shadow-1: #14524033;
58 --focus-shadow-2: #1028210D;
59 --text-color-25: #101828;
60 --text-color-50: #101113;
61 --text-color-100: #22242A;
62 --text-color-150: #232e46;
63 --text-color-200: #0A0A0B;
64 --text-color-300: #36405a;
65 --text-color-400: #222225;
66 --text-color-500: #d0d5dd;
67 --text-color-600: #B1B9B7;
68 --text-color-700: #fcfcfd;
69 --text-color-800: #fcfcfd;
70 --text-color-850: #fcfcfd;
71 --text-color-900: #fcfcfd;
72 --text-color-950: #fcfcfd;
73 --text-color-960: #fcfcfd;
74 --warning-50: #473502;
75 --warning-100: #5d470b;
76 --danger-50: #190207;
77 --border-color-ai: #232e46;
78 --mode-switcher-icon: "";
79 }
80 .betterdocs-admin #wpwrap {
81 background: var(--page-background);
82 }
83 .betterdocs-admin #wpwrap #adminmenumain #adminmenu li a.wp-has-current-submenu:after {
84 border-right-color: var(--page-background);
85 }
86 .betterdocs-admin #wpwrap #wpfooter {
87 background: var(--page-background);
88 color: var(--text-color-900);
89 }
90
91 .betterdocs-admin .betterdocs-analytics-tab-wrapper .betterdocs-analytics-tab-menu {
92 border-radius: 8px;
93 border: 1px solid var(--text-color-150);
94 background: var(--base-background);
95 height: auto;
96 display: flex;
97 align-items: center;
98 margin-bottom: 24px;
99 margin-top: 0;
100 box-sizing: border-box;
101 }
102 .betterdocs-admin .betterdocs-analytics-tab-wrapper .betterdocs-analytics-tab-menu .betterdocs-analytics-tab-item {
103 margin: 0 15px;
104 padding: 16px 18px;
105 font-size: 15px;
106 font-weight: 500;
107 line-height: 1.2;
108 margin-bottom: 0;
109 color: var(--text-color-900);
110 cursor: pointer;
111 border: none;
112 outline: none;
113 box-shadow: none;
114 }
115 .betterdocs-admin .betterdocs-analytics-tab-wrapper .betterdocs-analytics-tab-menu .betterdocs-analytics-tab-item.active {
116 color: var(--base-color-700);
117 position: relative;
118 }
119 .betterdocs-admin .betterdocs-analytics-tab-wrapper .betterdocs-analytics-tab-menu .betterdocs-analytics-tab-item.active:before {
120 content: "";
121 position: absolute;
122 top: 0;
123 left: 0;
124 right: 0;
125 height: 2px;
126 background: var(--base-color-700);
127 border-radius: 6px;
128 }
129 .betterdocs-admin .betterdocs-analytics-teaser .betterdocs-analytics-tab-content {
130 position: relative;
131 }
132 .betterdocs-admin .betterdocs-analytics-teaser .betterdocs-analytics-tab-content img {
133 width: 100%;
134 max-width: 100%;
135 display: flex;
136 }
137 .betterdocs-admin .betterdocs-analytics-teaser .betterdocs-analytics-tab-content .overlay {
138 position: absolute;
139 display: flex;
140 align-items: center;
141 justify-content: center;
142 left: 0;
143 top: 0;
144 width: 100%;
145 height: 100%;
146 }
147 .betterdocs-admin .betterdocs-analytics-teaser .betterdocs-analytics-tab-content .overlay {
148 background-color: rgba(255, 255, 255, 0.7);
149 }
150
151 .betterdocs-admin.betterdocs-dark-mode .betterdocs-analytics-teaser .betterdocs-analytics-tab-content .overlay {
152 background-color: rgba(31, 40, 61, 0.7);
153 }
154
155 .betterdocs-admin .betterdocs-analytics-teaser .betterdocs-analytics-tab-content .overlay .overlay-content {
156 width: 50%;
157 margin: 0 auto;
158 color: var(--text-color-900);
159 box-shadow: 0px 30px 60px rgba(0, 1, 35, 0.18);
160 border-radius: 15px;
161 padding-left: 20px;
162 padding-top: 10px;
163 padding-right: 20px;
164 display: flex;
165 flex-direction: column;
166 align-items: center;
167 }
168 .betterdocs-admin .betterdocs-analytics-teaser .betterdocs-analytics-tab-content .overlay .overlay-content {
169 background-color: rgba(255, 255, 255, 0.7);
170 }
171
172 .betterdocs-admin.betterdocs-dark-mode .betterdocs-analytics-teaser .betterdocs-analytics-tab-content .overlay .overlay-content {
173 background-color: rgba(31, 40, 61, 0.7);
174 }
175
176 @media only screen and (max-width: 1024px) {
177 .betterdocs-admin .betterdocs-analytics-teaser .betterdocs-analytics-tab-content .overlay .overlay-content {
178 width: 85%;
179 padding-left: 15px;
180 padding-right: 15px;
181 }
182 }
183 .betterdocs-admin .betterdocs-analytics-teaser .betterdocs-analytics-tab-content .overlay .overlay-content h3 {
184 font-style: normal;
185 font-weight: 500;
186 font-size: 24px;
187 line-height: 28px;
188 color: var(--text-color-900);
189 text-align: center;
190 margin-top: 1em;
191 margin-bottom: 0.5em;
192 display: inline;
193 }
194 @media only screen and (max-width: 1024px) {
195 .betterdocs-admin .betterdocs-analytics-teaser .betterdocs-analytics-tab-content .overlay .overlay-content h3 {
196 font-size: 18px;
197 line-height: 21px;
198 margin: 0.8em 0;
199 }
200 }
201 .betterdocs-admin .betterdocs-analytics-teaser .betterdocs-analytics-tab-content .overlay .overlay-content h3 #img-teaser {
202 width: 12px;
203 height: auto;
204 display: inline;
205 }
206 .betterdocs-admin .betterdocs-analytics-teaser .betterdocs-analytics-tab-content .overlay .overlay-content .teaser-text {
207 font-style: normal;
208 font-weight: 400;
209 font-size: 16px;
210 line-height: 29px;
211 text-align: center;
212 color: var(--text-color-600);
213 margin: 0;
214 overflow: hidden;
215 }
216 .betterdocs-admin .betterdocs-analytics-teaser .betterdocs-analytics-tab-content .overlay .overlay-content .teaser-desc {
217 margin-bottom: 20px;
218 }
219 .betterdocs-admin .betterdocs-analytics-teaser .betterdocs-analytics-tab-content .overlay .overlay-content .analytics-list {
220 width: 85%;
221 margin: auto;
222 }
223 @media only screen and (max-width: 1024px) {
224 .betterdocs-admin .betterdocs-analytics-teaser .betterdocs-analytics-tab-content .overlay .overlay-content .analytics-list {
225 width: 100%;
226 }
227 }
228 .betterdocs-admin .betterdocs-analytics-teaser .betterdocs-analytics-tab-content .overlay .overlay-content .analytics-list .analytics-item {
229 display: flex;
230 justify-content: flex-start;
231 align-items: center;
232 gap: 10px;
233 }
234 .betterdocs-admin .betterdocs-analytics-teaser .betterdocs-analytics-tab-content .overlay .overlay-content .analytics-list .analytics-item #img-teaser-1,
235 .betterdocs-admin .betterdocs-analytics-teaser .betterdocs-analytics-tab-content .overlay .overlay-content .analytics-list .analytics-item #img-teaser-2,
236 .betterdocs-admin .betterdocs-analytics-teaser .betterdocs-analytics-tab-content .overlay .overlay-content .analytics-list .analytics-item #img-teaser-3,
237 .betterdocs-admin .betterdocs-analytics-teaser .betterdocs-analytics-tab-content .overlay .overlay-content .analytics-list .analytics-item #img-teaser-4 {
238 width: 12px;
239 height: 12px;
240 }
241 .betterdocs-admin .betterdocs-analytics-teaser .betterdocs-analytics-tab-content .overlay .overlay-content .analytics-upgrade-btn {
242 display: flex;
243 position: relative;
244 background-color: var(--base-color-700);
245 color: #ffffff;
246 box-shadow: 0px 10px 60px rgba(0, 1, 35, 0.3);
247 border-radius: 15px;
248 width: 300px;
249 height: 60px;
250 justify-content: center;
251 align-items: center;
252 margin: auto;
253 transform: translate(4px, 43px);
254 }
255 .betterdocs-admin .betterdocs-analytics-teaser .betterdocs-analytics-tab-content .overlay .overlay-content .analytics-upgrade-btn a {
256 color: #ffffff;
257 font-style: normal;
258 font-weight: 500;
259 font-size: 17px;
260 line-height: 40px;
261 position: relative;
262 display: flex;
263 justify-content: center;
264 align-items: center;
265 width: 320px;
266 height: 72px;
267 text-decoration: none;
268 }
269 .betterdocs-admin .betterdocs-analytics-teaser .betterdocs-analytics-tab-content .overlay .overlay-content .analytics-upgrade-btn a:focus {
270 box-shadow: none;
271 outline: none;
272 }
273 .betterdocs-admin .betterdocs-analytics-nested-tab-wrapper .betterdocs-analytics-nested-tab-menu {
274 background: var(--base-background);
275 border-color: var(--text-color-150);
276 }
277 .betterdocs-admin .betterdocs-analytics-nested-tab-wrapper .betterdocs-analytics-nested-tab-menu .betterdocs-analytics-nested-tab-item {
278 color: var(--text-color-900);
279 }
280 .betterdocs-admin .betterdocs-analytics-nested-tab-wrapper .betterdocs-analytics-nested-tab-menu .betterdocs-analytics-nested-tab-item .btd-nested-tooltip .btd-nested-tooltip-button svg {
281 color: var(--base-color-700);
282 fill: var(--base-color-700);
283 }
284 .betterdocs-admin .betterdocs-analytics-nested-tab-wrapper .betterdocs-analytics-nested-tab-menu .betterdocs-analytics-nested-tab-item.active {
285 background: var(--base-color-700);
286 color: #fff;
287 box-shadow: 0 0 0 1px var(--base-color-700);
288 }
289 .betterdocs-admin .betterdocs-analytics-nested-tab-wrapper .betterdocs-analytics-nested-tab-menu .betterdocs-analytics-nested-tab-item.active .btd-nested-tooltip .btd-nested-tooltip-button svg {
290 color: #fff;
291 fill: #fff;
292 }
293 .betterdocs-admin .betterdocs-analytics-chart-tab-wrapper .betterdocs-analytics-chart-tab-menu {
294 background: var(--base-background);
295 }
296 .betterdocs-admin .betterdocs-analytics-chart-tab-wrapper .betterdocs-analytics-chart-tab-menu .betterdocs-analytics-chart-tab-item {
297 color: var(--text-color-900);
298 border-color: var(--text-color-150);
299 }
300 .betterdocs-admin .betterdocs-analytics-chart-tab-wrapper .betterdocs-analytics-chart-tab-menu .betterdocs-analytics-chart-tab-item.active {
301 background: var(--base-color-700);
302 color: #fff;
303 border-color: var(--base-color-700);
304 }
305 .betterdocs-admin .BtdDataTableWrapper .BtdDataTable thead tr {
306 background: var(--base-background);
307 }
308 .betterdocs-admin .BtdDataTableWrapper .BtdDataTable thead tr th {
309 color: var(--text-color-900);
310 border-color: var(--text-color-150);
311 }
312 .betterdocs-admin .BtdDataTableWrapper .BtdDataTable thead tr th .btd-nested-tooltip .btd-nested-tooltip-button svg {
313 color: var(--base-color-700);
314 fill: var(--base-color-700);
315 }
316 .betterdocs-admin .BtdDataTableWrapper .BtdDataTable tbody tr {
317 background: var(--base-background);
318 }
319 .betterdocs-admin .BtdDataTableWrapper .BtdDataTable tbody tr td {
320 color: var(--text-color-600);
321 border-color: var(--text-color-150);
322 }
323 .betterdocs-admin .BtdDataTableWrapper .BtdDataTable tbody tr td .BtdTableItemTitleWrap .BtdButtonGroup button,
324 .betterdocs-admin .BtdDataTableWrapper .BtdDataTable tbody tr td .BtdTableItemTitleWrap .BtdButtonGroup a {
325 color: var(--text-color-900);
326 }
327 .betterdocs-admin .BtdDataTableWrapper .BtdDataTable tbody tr td .BtdTableItemTitleWrap .BtdButtonGroup button svg,
328 .betterdocs-admin .BtdDataTableWrapper .BtdDataTable tbody tr td .BtdTableItemTitleWrap .BtdButtonGroup a svg {
329 fill: var(--text-color-600);
330 }
331 .betterdocs-admin .BtdDataTableWrapper .BtdDataTable tbody tr td .BtdTableItemTitleWrap .BtdButtonGroup button:hover svg,
332 .betterdocs-admin .BtdDataTableWrapper .BtdDataTable tbody tr td .BtdTableItemTitleWrap .BtdButtonGroup a:hover svg {
333 fill: var(--base-color-700);
334 }
335 .betterdocs-admin .BtdDataTableWrapper .BtdDataTable tbody tr td a {
336 color: var(--text-color-900);
337 }
338 .betterdocs-admin .BtdDataTableWrapper .BtdDataTable.BtdTableColNoBorder thead tr {
339 background: var(--text-color-150) !important;
340 }
341 .betterdocs-admin .btd-pagination-wrapper {
342 display: flex;
343 align-items: center;
344 margin-top: 10px;
345 }
346 .betterdocs-admin .btd-pagination-wrapper .rc-pagination {
347 display: flex;
348 }
349 .betterdocs-admin .btd-pagination-wrapper .rc-pagination > *:not(:last-child) {
350 margin-right: 5px;
351 }
352 .betterdocs-admin .btd-pagination-wrapper .rc-pagination:after {
353 display: block;
354 clear: both;
355 height: 0;
356 overflow: hidden;
357 visibility: hidden;
358 content: "";
359 }
360 .betterdocs-admin .btd-pagination-wrapper .rc-pagination-total-text {
361 display: flex;
362 align-items: center;
363 justify-content: center;
364 height: 24px;
365 }
366 .betterdocs-admin .btd-pagination-wrapper .rc-pagination-item {
367 display: flex;
368 min-width: 30px;
369 height: 30px;
370 font-size: 14px;
371 font-weight: 500;
372 color: var(--text-color-900);
373 cursor: pointer;
374 -webkit-user-select: none;
375 -moz-user-select: none;
376 user-select: none;
377 border-radius: 3px;
378 padding: 5px;
379 box-sizing: border-box;
380 background: var(--base-background);
381 border: 1px solid var(--text-color-150);
382 transition: none;
383 }
384 .betterdocs-admin .btd-pagination-wrapper .rc-pagination-item button,
385 .betterdocs-admin .btd-pagination-wrapper .rc-pagination-item a {
386 display: inline-flex;
387 justify-content: center;
388 align-items: center;
389 width: 100%;
390 color: var(--text-color-900);
391 transition: none;
392 }
393 .betterdocs-admin .btd-pagination-wrapper .rc-pagination-item:focus, .betterdocs-admin .btd-pagination-wrapper .rc-pagination-item-active, .betterdocs-admin .btd-pagination-wrapper .rc-pagination-item:hover {
394 background: var(--base-color-700);
395 border-color: var(--base-color-700);
396 }
397 .betterdocs-admin .btd-pagination-wrapper .rc-pagination-item:focus a, .betterdocs-admin .btd-pagination-wrapper .rc-pagination-item-active a, .betterdocs-admin .btd-pagination-wrapper .rc-pagination-item:hover a {
398 color: #fff;
399 }
400 .betterdocs-admin .btd-pagination-wrapper .rc-pagination-jump-prev, .betterdocs-admin .btd-pagination-wrapper .rc-pagination-jump-next {
401 cursor: pointer;
402 border-radius: 3px;
403 -webkit-user-select: none;
404 -moz-user-select: none;
405 user-select: none;
406 background: transparent;
407 border: 1px solid transparent;
408 transition: none;
409 }
410 .betterdocs-admin .btd-pagination-wrapper .rc-pagination-jump-prev .rc-pagination-item-link,
411 .betterdocs-admin .btd-pagination-wrapper .rc-pagination-jump-prev button, .betterdocs-admin .btd-pagination-wrapper .rc-pagination-jump-next .rc-pagination-item-link,
412 .betterdocs-admin .btd-pagination-wrapper .rc-pagination-jump-next button {
413 background: none;
414 border-color: transparent;
415 cursor: pointer;
416 }
417 .betterdocs-admin .btd-pagination-wrapper .rc-pagination-jump-prev .rc-pagination-item-link:after,
418 .betterdocs-admin .btd-pagination-wrapper .rc-pagination-jump-prev button:after, .betterdocs-admin .btd-pagination-wrapper .rc-pagination-jump-next .rc-pagination-item-link:after,
419 .betterdocs-admin .btd-pagination-wrapper .rc-pagination-jump-next button:after {
420 display: block;
421 content: "•••";
422 color: var(--text-color-900);
423 font-size: 14px;
424 transition: none;
425 }
426 .betterdocs-admin .btd-pagination-wrapper .rc-pagination-jump-prev:focus, .betterdocs-admin .btd-pagination-wrapper .rc-pagination-jump-prev:hover, .betterdocs-admin .btd-pagination-wrapper .rc-pagination-jump-next:focus, .betterdocs-admin .btd-pagination-wrapper .rc-pagination-jump-next:hover {
427 background: var(--base-color-700);
428 border-color: var(--base-color-700);
429 }
430 .betterdocs-admin .btd-pagination-wrapper .rc-pagination-jump-prev:focus .rc-pagination-item-link:after,
431 .betterdocs-admin .btd-pagination-wrapper .rc-pagination-jump-prev:focus button:after, .betterdocs-admin .btd-pagination-wrapper .rc-pagination-jump-prev:hover .rc-pagination-item-link:after,
432 .betterdocs-admin .btd-pagination-wrapper .rc-pagination-jump-prev:hover button:after, .betterdocs-admin .btd-pagination-wrapper .rc-pagination-jump-next:focus .rc-pagination-item-link:after,
433 .betterdocs-admin .btd-pagination-wrapper .rc-pagination-jump-next:focus button:after, .betterdocs-admin .btd-pagination-wrapper .rc-pagination-jump-next:hover .rc-pagination-item-link:after,
434 .betterdocs-admin .btd-pagination-wrapper .rc-pagination-jump-next:hover button:after {
435 color: #fff;
436 }
437 .betterdocs-admin .btd-pagination-wrapper .rc-pagination-prev, .betterdocs-admin .btd-pagination-wrapper .rc-pagination-next, .betterdocs-admin .btd-pagination-wrapper .rc-pagination-jump-prev, .betterdocs-admin .btd-pagination-wrapper .rc-pagination-jump-next {
438 display: flex;
439 justify-content: center;
440 align-items: center;
441 min-width: 30px;
442 height: 30px;
443 color: var(--text-color-900);
444 cursor: pointer;
445 font-size: 14px;
446 }
447 .betterdocs-admin .btd-pagination-wrapper .rc-pagination-prev button, .betterdocs-admin .btd-pagination-wrapper .rc-pagination-next button {
448 cursor: pointer;
449 -webkit-user-select: none;
450 -moz-user-select: none;
451 user-select: none;
452 }
453 .betterdocs-admin .btd-pagination-wrapper .rc-pagination-prev .rc-pagination-item-link, .betterdocs-admin .btd-pagination-wrapper .rc-pagination-next .rc-pagination-item-link {
454 height: 100%;
455 width: 100%;
456 display: flex;
457 align-items: center;
458 justify-content: center;
459 color: var(--base-color-700);
460 background: var(--base-background);
461 border: 1px solid var(--text-color-150);
462 transition: none;
463 }
464 .betterdocs-admin .btd-pagination-wrapper .rc-pagination-prev:focus .rc-pagination-item-link, .betterdocs-admin .btd-pagination-wrapper .rc-pagination-prev:hover .rc-pagination-item-link, .betterdocs-admin .btd-pagination-wrapper .rc-pagination-next:focus .rc-pagination-item-link, .betterdocs-admin .btd-pagination-wrapper .rc-pagination-next:hover .rc-pagination-item-link {
465 border-color: var(--base-color-700);
466 }
467 .betterdocs-admin .btd-pagination-wrapper .rc-pagination-prev:focus:not([aria-disabled=true]), .betterdocs-admin .btd-pagination-wrapper .rc-pagination-prev-active:not([aria-disabled=true]), .betterdocs-admin .btd-pagination-wrapper .rc-pagination-prev:hover:not([aria-disabled=true]), .betterdocs-admin .btd-pagination-wrapper .rc-pagination-next:focus:not([aria-disabled=true]), .betterdocs-admin .btd-pagination-wrapper .rc-pagination-next-active:not([aria-disabled=true]), .betterdocs-admin .btd-pagination-wrapper .rc-pagination-next:hover:not([aria-disabled=true]) {
468 background: var(--base-color-700);
469 border-radius: 3px;
470 color: #fff;
471 }
472 .betterdocs-admin .btd-pagination-wrapper .rc-pagination-prev button:after {
473 font-size: 18px;
474 display: inline-block;
475 }
476 .betterdocs-admin .btd-pagination-wrapper .rc-pagination-next button:after {
477 font-size: 18px;
478 display: block;
479 }
480 .betterdocs-admin .btd-pagination-wrapper .rc-pagination-disabled {
481 color: var(--text-color-200);
482 }
483 .betterdocs-admin .btd-pagination-wrapper .rc-pagination-disabled:hover, .betterdocs-admin .btd-pagination-wrapper .rc-pagination-disabled:focus {
484 cursor: not-allowed;
485 }
486 .betterdocs-admin .btd-pagination-wrapper .rc-pagination-simple .betterdocs-admin .btd-pagination-wrapper .rc-pagination-prev, .betterdocs-admin .btd-pagination-wrapper .rc-pagination-simple .betterdocs-admin .btd-pagination-wrapper .rc-pagination-next {
487 height: 30px;
488 display: flex;
489 align-items: center;
490 justify-content: center;
491 }
492 .betterdocs-admin .btd-pagination-wrapper .rc-pagination-simple .betterdocs-admin .btd-pagination-wrapper .rc-pagination-prev .rc-pagination-item-link, .betterdocs-admin .btd-pagination-wrapper .rc-pagination-simple .betterdocs-admin .btd-pagination-wrapper .rc-pagination-next .rc-pagination-item-link {
493 height: 24px;
494 }
495 .betterdocs-admin .btd-pagination-wrapper .rc-pagination-simple .betterdocs-admin .btd-pagination-wrapper .rc-pagination-prev .rc-pagination-item-link::after, .betterdocs-admin .btd-pagination-wrapper .rc-pagination-simple .betterdocs-admin .btd-pagination-wrapper .rc-pagination-next .rc-pagination-item-link::after {
496 height: 24px;
497 }
498 .betterdocs-admin .btd-reaction-list-wrapper .btd-info-card-list .btd-info-card {
499 background: var(--base-background);
500 border-color: var(--text-color-150);
501 }
502 .betterdocs-admin .btd-reaction-list-wrapper .btd-info-card-list .btd-info-card .btd-info-card-title {
503 color: var(--text-color-900);
504 }
505 .betterdocs-admin .btd-reaction-list-wrapper .btd-info-card-list .btd-info-card .btd-info-card-count-set .btd-info-card-count .text {
506 color: var(--text-color-600);
507 }
508 .betterdocs-admin .btd-reaction-list-wrapper .btd-info-card-list .btd-info-card .btd-info-card-count-set .btd-info-card-count .text .count {
509 color: var(--text-color-900);
510 }
511 .betterdocs-admin .btd-checkbox input[type=checkbox] + .btd-checkbox-inner .btd-checkbox-icon,
512 .betterdocs-admin .btd-checkbox input[type=radio] + .btd-checkbox-inner .btd-checkbox-icon {
513 background: transparent;
514 border-color: var(--text-color-500);
515 }
516 .betterdocs-admin .btd-checkbox input[type=checkbox] + .btd-checkbox-inner .btd-checkbox-icon svg,
517 .betterdocs-admin .btd-checkbox input[type=checkbox] + .btd-checkbox-inner .btd-checkbox-icon img,
518 .betterdocs-admin .btd-checkbox input[type=checkbox] + .btd-checkbox-inner .btd-checkbox-icon object,
519 .betterdocs-admin .btd-checkbox input[type=radio] + .btd-checkbox-inner .btd-checkbox-icon svg,
520 .betterdocs-admin .btd-checkbox input[type=radio] + .btd-checkbox-inner .btd-checkbox-icon img,
521 .betterdocs-admin .btd-checkbox input[type=radio] + .btd-checkbox-inner .btd-checkbox-icon object {
522 fill: transparent;
523 }
524 .betterdocs-admin .btd-checkbox input[type=checkbox] + .btd-checkbox-inner .btd-checkbox-text,
525 .betterdocs-admin .btd-checkbox input[type=radio] + .btd-checkbox-inner .btd-checkbox-text {
526 color: var(--text-color-900);
527 }
528 .betterdocs-admin .btd-checkbox input[type=checkbox]:checked + .btd-checkbox-inner .btd-checkbox-icon,
529 .betterdocs-admin .btd-checkbox input[type=radio]:checked + .btd-checkbox-inner .btd-checkbox-icon {
530 background-color: var(--base-color-700);
531 border-color: var(--base-color-700);
532 }
533 .betterdocs-admin .btd-checkbox input[type=checkbox]:checked + .btd-checkbox-inner .btd-checkbox-icon svg,
534 .betterdocs-admin .btd-checkbox input[type=checkbox]:checked + .btd-checkbox-inner .btd-checkbox-icon img,
535 .betterdocs-admin .btd-checkbox input[type=checkbox]:checked + .btd-checkbox-inner .btd-checkbox-icon object,
536 .betterdocs-admin .btd-checkbox input[type=radio]:checked + .btd-checkbox-inner .btd-checkbox-icon svg,
537 .betterdocs-admin .btd-checkbox input[type=radio]:checked + .btd-checkbox-inner .btd-checkbox-icon img,
538 .betterdocs-admin .btd-checkbox input[type=radio]:checked + .btd-checkbox-inner .btd-checkbox-icon object {
539 fill: #fff;
540 }
541 .betterdocs-admin .btd-datePicker input[type=checkbox] + .btd-datePicker-inner .btd-datePicker-icon svg,
542 .betterdocs-admin .btd-datePicker input[type=checkbox] + .btd-datePicker-inner .btd-datePicker-icon img,
543 .betterdocs-admin .btd-datePicker input[type=checkbox] + .btd-datePicker-inner .btd-datePicker-icon object,
544 .betterdocs-admin .btd-datePicker input[type=radio] + .btd-datePicker-inner .btd-datePicker-icon svg,
545 .betterdocs-admin .btd-datePicker input[type=radio] + .btd-datePicker-inner .btd-datePicker-icon img,
546 .betterdocs-admin .btd-datePicker input[type=radio] + .btd-datePicker-inner .btd-datePicker-icon object {
547 fill: var(--text-color-600);
548 }
549 .betterdocs-admin .btd-datePicker input[type=checkbox]:checked + .btd-datePicker-inner .btd-datePicker-icon svg,
550 .betterdocs-admin .btd-datePicker input[type=checkbox]:checked + .btd-datePicker-inner .btd-datePicker-icon image,
551 .betterdocs-admin .btd-datePicker input[type=checkbox]:checked + .btd-datePicker-inner .btd-datePicker-icon object,
552 .betterdocs-admin .btd-datePicker input[type=radio]:checked + .btd-datePicker-inner .btd-datePicker-icon svg,
553 .betterdocs-admin .btd-datePicker input[type=radio]:checked + .btd-datePicker-inner .btd-datePicker-icon image,
554 .betterdocs-admin .btd-datePicker input[type=radio]:checked + .btd-datePicker-inner .btd-datePicker-icon object {
555 fill: var(--base-color-700);
556 }
557 .betterdocs-admin .btd-chart-section .btd-post-details .btd-post-details-heading {
558 color: var(--text-color-900);
559 }
560 .betterdocs-admin .btd-chart-section .btd-post-details .btd-post-details-title {
561 color: var(--text-color-900);
562 background-color: var(--base-color-50);
563 border-color: var(--base-color-700);
564 }
565 .betterdocs-admin .btd-chart-section .btd-post-details .btd-post-details-title .btd-post-details-reset-button svg {
566 fill: var(--danger-700);
567 }
568 .betterdocs-admin .btd-chart-section .btd-chart-wrapper .btd-chart {
569 background: var(--base-background);
570 border-color: var(--text-color-150);
571 }
572 .betterdocs-admin .btd-chart-section .btd-chart-wrapper .btd-chart-counter-wrapper.btd-chart-counter-format-1 .btd-chart-counter {
573 background: var(--base-background);
574 border-color: var(--text-color-150);
575 }
576 .betterdocs-admin .btd-chart-section .btd-chart-wrapper .btd-chart-counter-wrapper.btd-chart-counter-format-1 .btd-chart-counter .btd-chart-counter-title {
577 color: var(--text-color-600);
578 }
579 .betterdocs-admin .btd-chart-section .btd-chart-wrapper .btd-chart-counter-wrapper.btd-chart-counter-format-1 .btd-chart-counter .btd-chart-counter-title:before {
580 background: var(--text-color-600);
581 }
582 .betterdocs-admin .btd-chart-section .btd-chart-wrapper .btd-chart-counter-wrapper.btd-chart-counter-format-1 .btd-chart-counter .btd-chart-counter-count {
583 color: var(--text-color-900);
584 }
585 .betterdocs-admin .btd-chart-section .btd-chart-wrapper .btd-chart-counter-wrapper.btd-chart-counter-format-1 .btd-chart-counter.green .btd-chart-counter-title:before {
586 background: var(--base-color-700);
587 }
588 .betterdocs-admin .btd-chart-section .btd-chart-wrapper .btd-chart-counter-wrapper.btd-chart-counter-format-1 .btd-chart-counter.blue .btd-chart-counter-title:before {
589 background: var(--primary-500);
590 }
591 .betterdocs-admin .btd-chart-section .btd-chart-wrapper .btd-chart-counter-wrapper.btd-chart-counter-format-1 .btd-chart-counter.brown .btd-chart-counter-title:before {
592 background: var(--warning-500);
593 }
594 .betterdocs-admin .btd-chart-section .btd-chart-wrapper .btd-chart-counter-wrapper.btd-chart-counter-format-1 .btd-chart-counter .btd-chart-comparison {
595 color: var(--text-color-600);
596 }
597 .betterdocs-admin .btd-chart-section .btd-chart-wrapper .btd-chart-counter-wrapper.btd-chart-counter-format-1 .btd-chart-counter .btd-chart-comparison .btd-comparison-highlight.inc {
598 color: var(--base-color-700);
599 }
600 .betterdocs-admin .btd-chart-section .btd-chart-wrapper .btd-chart-counter-wrapper.btd-chart-counter-format-1 .btd-chart-counter .btd-chart-comparison .btd-comparison-highlight.inc svg {
601 fill: var(--base-color-700);
602 color: var(--base-color-700);
603 }
604 .betterdocs-admin .btd-chart-section .btd-chart-wrapper .btd-chart-counter-wrapper.btd-chart-counter-format-1 .btd-chart-counter .btd-chart-comparison .btd-comparison-highlight.dec {
605 color: var(--danger-700);
606 }
607 .betterdocs-admin .btd-chart-section .btd-chart-wrapper .btd-chart-counter-wrapper.btd-chart-counter-format-1 .btd-chart-counter .btd-chart-comparison .btd-comparison-highlight.dec svg {
608 fill: var(--danger-700);
609 color: var(--danger-700);
610 }
611 .betterdocs-admin .btd-chart-section .btd-chart-wrapper .btd-chart-counter-wrapper.btd-chart-counter-format-2 .btd-chart-counter {
612 background: var(--base-background);
613 border-color: var(--text-color-150);
614 }
615 .betterdocs-admin .btd-chart-section .btd-chart-wrapper .btd-chart-counter-wrapper.btd-chart-counter-format-2 .btd-chart-counter .btd-chart-counter-icon-wrapper .btd-chart-counter-icon {
616 background: var(--text-color-150);
617 }
618 .betterdocs-admin .btd-chart-section .btd-chart-wrapper .btd-chart-counter-wrapper.btd-chart-counter-format-2 .btd-chart-counter .btd-chart-counter-content .btd-chart-counter-title {
619 color: var(--text-color-600);
620 }
621 .betterdocs-admin .btd-chart-section .btd-chart-wrapper .btd-chart-counter-wrapper.btd-chart-counter-format-2 .btd-chart-counter .btd-chart-counter-content .btd-chart-counter-count {
622 color: var(--text-color-900);
623 }
624 .betterdocs-admin .btd-chart-section .btd-chart-wrapper .btd-chart-counter-wrapper.btd-chart-counter-format-2 .btd-chart-counter .btd-chart-counter-content .btd-chart-comparison {
625 color: var(--text-color-600);
626 }
627 .betterdocs-admin .btd-chart-section .btd-chart-wrapper .btd-chart-counter-wrapper.btd-chart-counter-format-2 .btd-chart-counter .btd-chart-counter-content .btd-chart-comparison .btd-comparison-highlight.inc {
628 color: var(--base-color-700);
629 }
630 .betterdocs-admin .btd-chart-section .btd-chart-wrapper .btd-chart-counter-wrapper.btd-chart-counter-format-2 .btd-chart-counter .btd-chart-counter-content .btd-chart-comparison .btd-comparison-highlight.inc svg {
631 fill: var(--base-color-700);
632 color: var(--base-color-700);
633 }
634 .betterdocs-admin .btd-chart-section .btd-chart-wrapper .btd-chart-counter-wrapper.btd-chart-counter-format-2 .btd-chart-counter .btd-chart-counter-content .btd-chart-comparison .btd-comparison-highlight.dec {
635 color: var(--danger-700);
636 }
637 .betterdocs-admin .btd-chart-section .btd-chart-wrapper .btd-chart-counter-wrapper.btd-chart-counter-format-2 .btd-chart-counter .btd-chart-counter-content .btd-chart-comparison .btd-comparison-highlight.dec svg {
638 fill: var(--danger-700);
639 color: var(--danger-700);
640 }
641 .betterdocs-admin .btd-chart-section .btd-chart-wrapper .btd-chart-counter-wrapper.btd-chart-counter-format-2 .btd-chart-counter.happy .btd-chart-counter-icon-wrapper .btd-chart-counter-icon {
642 background: var(--base-color-50);
643 }
644 .betterdocs-admin .btd-chart-section .btd-chart-wrapper .btd-chart-counter-wrapper.btd-chart-counter-format-2 .btd-chart-counter.neutral .btd-chart-counter-icon-wrapper .btd-chart-counter-icon {
645 background: var(--warning-50);
646 }
647 .betterdocs-admin .btd-chart-section .btd-chart-wrapper .btd-chart-counter-wrapper.btd-chart-counter-format-2 .btd-chart-counter.unhappy .btd-chart-counter-icon-wrapper .btd-chart-counter-icon {
648 background: var(--danger-50);
649 }
650 .betterdocs-admin .btd-chart-section .btd-chart-wrapper .btd-chart-counter-wrapper.btd-chart-counter-format-3 {
651 background: var(--base-background);
652 border-color: var(--text-color-150);
653 }
654 .betterdocs-admin .btd-chart-section .btd-chart-wrapper .btd-chart-counter-wrapper.btd-chart-counter-format-3 .bdt-chart-counter-pie-chart {
655 border-bottom-color: var(--text-color-150);
656 }
657 .betterdocs-admin .btd-chart-section .btd-chart-wrapper .btd-chart-counter-wrapper.btd-chart-counter-format-3 .bdt-chart-counter-content .title {
658 color: var(--text-color-900);
659 }
660 .betterdocs-admin .btd-chart-section .btd-chart-wrapper .btd-chart-counter-wrapper.btd-chart-counter-format-3 .bdt-chart-counter-content .text {
661 color: var(--text-color-600);
662 }
663 .betterdocs-admin .btd-chart-section .btd-chart-wrapper .btd-chart-counter-wrapper.btd-chart-counter-format-3 .bdt-chart-counter-content .text:before {
664 background: var(--text-color-150);
665 }
666 .betterdocs-admin .btd-chart-section .btd-chart-wrapper .btd-chart-counter-wrapper.btd-chart-counter-format-3 .bdt-chart-counter-content .text.green:before {
667 background: var(--base-color-700);
668 }
669 .betterdocs-admin .btd-chart-section .btd-chart-wrapper .btd-chart-counter-wrapper.btd-chart-counter-format-3 .bdt-chart-counter-content .text.blue:before {
670 background: var(--primary-500);
671 }
672 .betterdocs-admin .btd-chart-section .btd-chart-wrapper .btd-chart-counter-wrapper.btd-chart-counter-format-3 .bdt-chart-counter-content .text.brown:before {
673 background: var(--warning-500);
674 }
675 .betterdocs-admin .btd-empty-data {
676 background: var(--base-background);
677 border-color: var(--text-color-150);
678 }
679 .betterdocs-admin .btd-empty-data .btd-empty-data-icon {
680 background: var(--text-color-150);
681 }
682 .betterdocs-admin .btd-empty-data .btd-empty-data-content .title {
683 color: var(--text-color-900);
684 }
685 .betterdocs-admin .btd-empty-data .btd-empty-data-content .text {
686 color: var(--text-color-600);
687 }
688 .betterdocs-admin .btd-chart-empty-data .title {
689 color: var(--text-color-900);
690 }
691 .betterdocs-admin .btd-chart-empty-data .text {
692 color: var(--text-color-600);
693 }
694 .betterdocs-admin .btd-chart-date-filter .btd-datePicker-icon {
695 display: flex;
696 align-items: center;
697 }
698 .betterdocs-admin .btd-chart-date-filter .btd-datePicker-icon svg,
699 .betterdocs-admin .btd-chart-date-filter .btd-datePicker-icon img,
700 .betterdocs-admin .btd-chart-date-filter .btd-datePicker-icon object {
701 width: 15px;
702 display: flex;
703 fill: var(--text-color-600);
704 }
705 .betterdocs-admin .btd-chart-date-filter .btd-datePicker-icon svg:not(:last-child),
706 .betterdocs-admin .btd-chart-date-filter .btd-datePicker-icon img:not(:last-child),
707 .betterdocs-admin .btd-chart-date-filter .btd-datePicker-icon object:not(:last-child) {
708 margin-right: 8px;
709 }
710 .betterdocs-admin .btd-chart-date-filter .btd-list-view-calendar {
711 height: 40px;
712 border-radius: 3px;
713 display: inline-flex;
714 align-items: center;
715 text-align: center;
716 background: var(--base-background);
717 border: 1px solid var(--text-color-150);
718 color: var(--text-color-900);
719 padding: 4px 12px;
720 margin-right: 10px;
721 box-sizing: border-box;
722 cursor: pointer;
723 }
724 .betterdocs-admin .btd-date-range-picker-wrap {
725 position: fixed;
726 top: 0;
727 bottom: 0;
728 left: 0;
729 right: 0;
730 z-index: 9999;
731 display: flex;
732 justify-content: center;
733 text-align: center;
734 padding: 50px;
735 overflow-x: hidden;
736 overflow-y: auto;
737 }
738 .betterdocs-admin .btd-date-range-picker-wrap .btd-date-range-picker {
739 position: relative;
740 display: inline-block;
741 border-radius: 6px;
742 margin: auto;
743 }
744 .betterdocs-admin .btd-date-range-picker-wrap .btd-date-range-picker .btn-date-range-close {
745 position: absolute;
746 top: 0;
747 right: 0;
748 z-index: 999;
749 border: 0;
750 background: transparent;
751 outline: none;
752 color: var(--text-color-600);
753 padding: 5px 5px;
754 cursor: pointer;
755 }
756 .betterdocs-admin .btd-date-range-picker-wrap .btd-date-range-picker .rdrDateRangePickerWrapper .rdrInputRanges {
757 display: none;
758 }
759 .betterdocs-admin .btd-overlay {
760 position: fixed;
761 top: 0;
762 right: 0;
763 bottom: 0;
764 left: 0;
765 background-color: #000;
766 z-index: 99;
767 opacity: 0.65;
768 }
769 .betterdocs-admin .rdrCalendarWrapper {
770 box-sizing: border-box;
771 background: var(--base-background);
772 display: inline-flex;
773 flex-direction: column;
774 -webkit-user-select: none;
775 -moz-user-select: none;
776 user-select: none;
777 }
778 .betterdocs-admin .rdrDateDisplay {
779 display: flex;
780 justify-content: space-between;
781 }
782 .betterdocs-admin .rdrDateDisplayItem {
783 flex: 1 1;
784 width: 0;
785 text-align: center;
786 color: inherit;
787 }
788 .betterdocs-admin .rdrDateDisplayItem + .rdrDateDisplayItem {
789 margin-left: 0.833em;
790 }
791 .betterdocs-admin .rdrDateDisplayItem input {
792 text-align: inherit;
793 }
794 .betterdocs-admin .rdrDateDisplayItem input:disabled {
795 cursor: default;
796 }
797 .betterdocs-admin .rdrMonthAndYearWrapper {
798 box-sizing: inherit;
799 display: flex;
800 justify-content: space-between;
801 }
802 .betterdocs-admin .rdrMonthAndYearPickers {
803 flex: 1 1 auto;
804 display: flex;
805 justify-content: center;
806 align-items: center;
807 }
808 .betterdocs-admin .rdrNextPrevButton {
809 box-sizing: inherit;
810 cursor: pointer;
811 outline: none;
812 }
813 .betterdocs-admin .rdrMonths {
814 display: flex;
815 }
816 .betterdocs-admin .rdrMonthsVertical {
817 flex-direction: column;
818 }
819 .betterdocs-admin .rdrMonthsHorizontal > div > div > div {
820 display: flex;
821 flex-direction: row;
822 }
823 .betterdocs-admin .rdrMonth {
824 width: 27.667em;
825 }
826 .betterdocs-admin .rdrWeekDays {
827 display: flex;
828 }
829 .betterdocs-admin .rdrWeekDay {
830 flex-basis: 14.2857142857%;
831 box-sizing: inherit;
832 text-align: center;
833 }
834 .betterdocs-admin .rdrDays {
835 display: flex;
836 flex-wrap: wrap;
837 }
838 .betterdocs-admin .rdrInfiniteMonths {
839 overflow: auto;
840 }
841 .betterdocs-admin .rdrDateRangeWrapper {
842 -webkit-user-select: none;
843 -moz-user-select: none;
844 user-select: none;
845 }
846 .betterdocs-admin .rdrDateInput {
847 position: relative;
848 }
849 .betterdocs-admin .rdrDateInput input {
850 outline: none;
851 }
852 .betterdocs-admin .rdrDateInput .rdrWarning {
853 position: absolute;
854 font-size: 1.6em;
855 line-height: 1.6em;
856 top: 0;
857 right: 0.25em;
858 color: var(--danger-700);
859 }
860 .betterdocs-admin .rdrDay {
861 box-sizing: inherit;
862 width: 14.2857142857%;
863 position: relative;
864 font: inherit;
865 cursor: pointer;
866 }
867 .betterdocs-admin .rdrDayNumber {
868 display: block;
869 position: relative;
870 }
871 .betterdocs-admin .rdrDayNumber span {
872 color: var(--text-color-900);
873 }
874 .betterdocs-admin .rdrDayDisabled {
875 cursor: not-allowed;
876 }
877 @supports (-ms-ime-align: auto) {
878 .betterdocs-admin .rdrDay {
879 flex-basis: 14.285% !important;
880 }
881 }
882 .betterdocs-admin .rdrSelected,
883 .betterdocs-admin .rdrInRange,
884 .betterdocs-admin .rdrStartEdge,
885 .betterdocs-admin .rdrEndEdge {
886 pointer-events: none;
887 }
888 .betterdocs-admin .rdrDayStartPreview,
889 .betterdocs-admin .rdrDayInPreview,
890 .betterdocs-admin .rdrDayEndPreview {
891 pointer-events: none;
892 }
893 .betterdocs-admin .rdrDateRangePickerWrapper {
894 display: inline-flex;
895 -webkit-user-select: none;
896 -moz-user-select: none;
897 user-select: none;
898 }
899 .betterdocs-admin .rdrStaticRanges {
900 display: flex;
901 flex-direction: column;
902 }
903 .betterdocs-admin .rdrStaticRange {
904 font-size: inherit;
905 }
906 .betterdocs-admin .rdrInputRange {
907 display: flex;
908 }
909 .betterdocs-admin .rdrCalendarWrapper {
910 color: var(--text-color-900);
911 font-size: 12px;
912 padding: 30px;
913 border-top-right-radius: 6px;
914 border-bottom-right-radius: 6px;
915 }
916 .betterdocs-admin .rdrDateDisplayWrapper {
917 background: transparent;
918 }
919 .betterdocs-admin .rdrDateDisplay {
920 margin: 0;
921 }
922 .betterdocs-admin .rdrDateDisplayItem {
923 border-radius: 4px;
924 background-color: var(--text-color-150);
925 box-shadow: 0 1px 2px 0 var(--text-color-150);
926 color: var(--base-color-700);
927 border: 1px solid transparent;
928 text-align: start;
929 }
930 .betterdocs-admin .rdrDateDisplayItem input {
931 cursor: pointer;
932 height: 2.5em;
933 line-height: 2.5em;
934 border: 0px;
935 background: transparent;
936 width: 100%;
937 color: var(--text-color-900);
938 padding: 5px 20px;
939 font-weight: 700;
940 font-size: 12px;
941 height: 38px;
942 }
943 .betterdocs-admin .rdrDateDisplayItemActive {
944 border-color: currentColor;
945 }
946 .betterdocs-admin .rdrDateDisplayItemActive input {
947 color: var(--text-color-900);
948 }
949 .betterdocs-admin .rdrMonthAndYearWrapper {
950 align-items: center;
951 height: 60px;
952 padding-top: 10px;
953 }
954 .betterdocs-admin .rdrMonthAndYearPickers {
955 font-weight: 600;
956 }
957 .betterdocs-admin .rdrMonthAndYearPickers select {
958 -moz-appearance: none;
959 appearance: none;
960 -webkit-appearance: none;
961 border: 0;
962 background: transparent;
963 padding: 10px 30px 10px 10px;
964 border-radius: 4px;
965 outline: 0;
966 color: var(--text-color-600);
967 background: url("data:image/svg+xml;utf8,<svg width='9px' height='6px' viewBox='0 0 9 6' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><g id='Artboard' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' transform='translate(-636.000000, -171.000000)' fill-opacity='0.368716033'><g id='input' transform='translate(172.000000, 37.000000)' fill='%230E242F' fill-rule='nonzero'><g id='Group-9' transform='translate(323.000000, 127.000000)'><path d='M142.280245,7.23952813 C141.987305,6.92353472 141.512432,6.92361662 141.219585,7.23971106 C140.926739,7.5558055 140.926815,8.06821394 141.219755,8.38420735 L145.498801,13 L149.780245,8.38162071 C150.073185,8.0656273 150.073261,7.55321886 149.780415,7.23712442 C149.487568,6.92102998 149.012695,6.92094808 148.719755,7.23694149 L145.498801,10.7113732 L142.280245,7.23952813 Z' id='arrow'></path></g></g></g></svg>") no-repeat;
968 background-position: right 8px center;
969 cursor: pointer;
970 text-align: center;
971 }
972 .betterdocs-admin .rdrMonthAndYearPickers select:hover {
973 background-color: rgba(0, 0, 0, 0.07);
974 }
975 .betterdocs-admin .rdrMonthPicker,
976 .betterdocs-admin .rdrYearPicker {
977 margin: 0 5px;
978 }
979 .betterdocs-admin .rdrNextPrevButton {
980 display: block;
981 width: 24px;
982 height: 24px;
983 margin: 0 0.833em;
984 padding: 0;
985 border: 0;
986 border-radius: 5px;
987 background: transparent;
988 border: 1px solid;
989 }
990 .betterdocs-admin .rdrNextPrevButton {
991 border-color: var(--text-color-200) !important;
992 }
993
994 .betterdocs-admin.betterdocs-dark-mode .rdrNextPrevButton {
995 border-color: var(--base-color-50) !important;
996 }
997
998 .betterdocs-admin .rdrNextPrevButton:hover {
999 background: var(--text-color-200) !important;
1000 }
1001
1002 .betterdocs-admin.betterdocs-dark-mode .rdrNextPrevButton:hover {
1003 background: var(--base-color-50) !important;
1004 }
1005
1006 .betterdocs-admin .rdrNextPrevButton i {
1007 display: block;
1008 width: 0;
1009 height: 0;
1010 padding: 0;
1011 text-align: center;
1012 border-style: solid;
1013 margin: auto;
1014 transform: translate(-3px, 0px);
1015 }
1016 .betterdocs-admin .rdrPprevButton i {
1017 border-width: 4px 6px 4px 4px;
1018 border-color: transparent var(--base-color-700) transparent transparent;
1019 transform: translate(-3px, 0px);
1020 }
1021 .betterdocs-admin .rdrNextButton i {
1022 margin: 0 0 0 7px;
1023 border-width: 4px 4px 4px 6px;
1024 border-color: transparent transparent transparent var(--base-color-700);
1025 transform: translate(3px, 0px);
1026 }
1027 .betterdocs-admin .rdrWeekDays {
1028 padding: 0 0.833em;
1029 }
1030 .betterdocs-admin .rdrMonth {
1031 padding: 0 0.833em 1.666em 0.833em;
1032 }
1033 .betterdocs-admin .rdrMonth .rdrWeekDays {
1034 padding: 0;
1035 }
1036 .betterdocs-admin .rdrMonths.rdrMonthsVertical .rdrMonth:first-child .rdrMonthName {
1037 display: none;
1038 }
1039 .betterdocs-admin .rdrWeekDay {
1040 font-weight: 400;
1041 line-height: 2.667em;
1042 color: var(--text-color-500);
1043 }
1044 .betterdocs-admin .rdrDay {
1045 background: transparent;
1046 -webkit-user-select: none;
1047 -moz-user-select: none;
1048 user-select: none;
1049 border: 0;
1050 padding: 0;
1051 line-height: 3em;
1052 height: 3em;
1053 text-align: center;
1054 color: var(--text-color-900);
1055 }
1056 .betterdocs-admin .rdrDay:focus {
1057 outline: 0;
1058 }
1059 .betterdocs-admin .rdrDayNumber {
1060 outline: 0;
1061 font-weight: 300;
1062 position: absolute;
1063 left: 0;
1064 right: 0;
1065 top: 0;
1066 bottom: 0;
1067 top: 5px;
1068 bottom: 5px;
1069 display: flex;
1070 align-items: center;
1071 justify-content: center;
1072 }
1073 .betterdocs-admin .rdrDayToday .rdrDayNumber span {
1074 font-weight: 500;
1075 }
1076 .betterdocs-admin .rdrDayToday .rdrDayNumber span:after {
1077 content: "";
1078 position: absolute;
1079 bottom: 4px;
1080 left: 50%;
1081 transform: translate(-50%, 0);
1082 width: 18px;
1083 height: 2px;
1084 border-radius: 2px;
1085 background: var(--base-color-700);
1086 }
1087 .betterdocs-admin .rdrDayToday:not(.rdrDayPassive) .rdrInRange ~ .rdrDayNumber span:after,
1088 .betterdocs-admin .rdrDayToday:not(.rdrDayPassive) .rdrStartEdge ~ .rdrDayNumber span:after,
1089 .betterdocs-admin .rdrDayToday:not(.rdrDayPassive) .rdrEndEdge ~ .rdrDayNumber span:after,
1090 .betterdocs-admin .rdrDayToday:not(.rdrDayPassive) .rdrSelected ~ .rdrDayNumber span:after {
1091 background: var(--base-background);
1092 }
1093 .betterdocs-admin .rdrDay:not(.rdrDayPassive) .rdrInRange ~ .rdrDayNumber span,
1094 .betterdocs-admin .rdrDay:not(.rdrDayPassive) .rdrStartEdge ~ .rdrDayNumber span,
1095 .betterdocs-admin .rdrDay:not(.rdrDayPassive) .rdrEndEdge ~ .rdrDayNumber span,
1096 .betterdocs-admin .rdrDay:not(.rdrDayPassive) .rdrSelected ~ .rdrDayNumber span {
1097 color: #fff;
1098 }
1099 .betterdocs-admin .rdrSelected,
1100 .betterdocs-admin .rdrInRange,
1101 .betterdocs-admin .rdrStartEdge,
1102 .betterdocs-admin .rdrEndEdge {
1103 background: currentColor;
1104 position: absolute;
1105 top: 5px;
1106 left: 0;
1107 right: 0;
1108 bottom: 5px;
1109 }
1110 .betterdocs-admin .rdrSelected {
1111 left: 2px;
1112 right: 2px;
1113 }
1114 .betterdocs-admin .rdrStartEdge {
1115 border-top-left-radius: 6px;
1116 border-bottom-left-radius: 6px;
1117 left: 2px;
1118 }
1119 .betterdocs-admin .rdrEndEdge {
1120 border-top-right-radius: 6px;
1121 border-bottom-right-radius: 6px;
1122 right: 2px;
1123 }
1124 .betterdocs-admin .rdrSelected {
1125 border-radius: 6px;
1126 }
1127 .betterdocs-admin .rdrDayStartOfMonth .rdrInRange,
1128 .betterdocs-admin .rdrDayStartOfMonth .rdrEndEdge,
1129 .betterdocs-admin .rdrDayStartOfWeek .rdrInRange,
1130 .betterdocs-admin .rdrDayStartOfWeek .rdrEndEdge {
1131 border-top-left-radius: 6px;
1132 border-bottom-left-radius: 6px;
1133 left: 2px;
1134 }
1135 .betterdocs-admin .rdrDayEndOfMonth .rdrInRange,
1136 .betterdocs-admin .rdrDayEndOfMonth .rdrStartEdge,
1137 .betterdocs-admin .rdrDayEndOfWeek .rdrInRange,
1138 .betterdocs-admin .rdrDayEndOfWeek .rdrStartEdge {
1139 border-top-right-radius: 6px;
1140 border-bottom-right-radius: 6px;
1141 right: 2px;
1142 }
1143 .betterdocs-admin .rdrDayStartOfMonth .rdrDayInPreview,
1144 .betterdocs-admin .rdrDayStartOfMonth .rdrDayEndPreview,
1145 .betterdocs-admin .rdrDayStartOfWeek .rdrDayInPreview,
1146 .betterdocs-admin .rdrDayStartOfWeek .rdrDayEndPreview {
1147 border-top-left-radius: 6px;
1148 border-bottom-left-radius: 6px;
1149 border-left-width: 1px;
1150 left: 0px;
1151 }
1152 .betterdocs-admin .rdrDayEndOfMonth .rdrDayInPreview,
1153 .betterdocs-admin .rdrDayEndOfMonth .rdrDayStartPreview,
1154 .betterdocs-admin .rdrDayEndOfWeek .rdrDayInPreview,
1155 .betterdocs-admin .rdrDayEndOfWeek .rdrDayStartPreview {
1156 border-top-right-radius: 6px;
1157 border-bottom-right-radius: 6px;
1158 border-right-width: 1px;
1159 right: 0px;
1160 }
1161 .betterdocs-admin .rdrDayStartPreview,
1162 .betterdocs-admin .rdrDayInPreview,
1163 .betterdocs-admin .rdrDayEndPreview {
1164 background: rgba(255, 255, 255, 0.09);
1165 position: absolute;
1166 top: 3px;
1167 left: 0px;
1168 right: 0px;
1169 bottom: 3px;
1170 pointer-events: none;
1171 border: 0px solid currentColor;
1172 z-index: 1;
1173 }
1174 .betterdocs-admin .rdrDayStartPreview {
1175 border-top-width: 1px;
1176 border-left-width: 1px;
1177 border-bottom-width: 1px;
1178 border-top-left-radius: 6px;
1179 border-bottom-left-radius: 6px;
1180 left: 0px;
1181 }
1182 .betterdocs-admin .rdrDayInPreview {
1183 border-top-width: 1px;
1184 border-bottom-width: 1px;
1185 }
1186 .betterdocs-admin .rdrDayEndPreview {
1187 border-top-width: 1px;
1188 border-right-width: 1px;
1189 border-bottom-width: 1px;
1190 border-top-right-radius: 6px;
1191 border-bottom-right-radius: 6px;
1192 right: 2px;
1193 right: 0px;
1194 }
1195 .betterdocs-admin .rdrDefinedRangesWrapper {
1196 font-size: 12px;
1197 width: 226px;
1198 border-right: solid 1px var(--text-color-150);
1199 background: var(--base-background);
1200 width: 140px;
1201 border-top-left-radius: 6px;
1202 border-bottom-left-radius: 6px;
1203 padding: 10px 0;
1204 }
1205 .betterdocs-admin .rdrDefinedRangesWrapper .rdrStaticRangeLabel {
1206 color: var(--text-color-900);
1207 }
1208 .betterdocs-admin .rdrDefinedRangesWrapper .rdrStaticRangeSelected {
1209 color: currentColor;
1210 font-weight: 600;
1211 border-right: 1px solid var(--base-color-700);
1212 }
1213 .betterdocs-admin .rdrDefinedRangesWrapper .rdrStaticRangeSelected .rdrStaticRangeLabel {
1214 background: var(--text-color-150);
1215 }
1216 .betterdocs-admin .rdrStaticRange {
1217 border: none;
1218 font-weight: 700;
1219 cursor: pointer;
1220 display: block;
1221 outline: 0;
1222 padding: 0;
1223 background: var(--base-background);
1224 }
1225 .betterdocs-admin .rdrStaticRange:hover .rdrStaticRangeLabel,
1226 .betterdocs-admin .rdrStaticRange:focus .rdrStaticRangeLabel {
1227 background: var(--text-color-150);
1228 }
1229 .betterdocs-admin .rdrStaticRangeLabel {
1230 display: block;
1231 outline: 0;
1232 line-height: 18px;
1233 padding: 10px 20px;
1234 text-align: left;
1235 }
1236 .betterdocs-admin .rdrInputRanges {
1237 padding: 10px 0;
1238 }
1239 .betterdocs-admin .rdrInputRange {
1240 align-items: center;
1241 padding: 5px 20px;
1242 }
1243 .betterdocs-admin .rdrInputRange span {
1244 color: var(--text-color-900);
1245 }
1246 .betterdocs-admin .rdrInputRangeInput {
1247 width: 30px;
1248 height: 30px;
1249 line-height: 30px;
1250 border-radius: 4px;
1251 text-align: center;
1252 border: 1px solid var(--text-color-150);
1253 background: var(--text-color-150);
1254 margin-right: 10px;
1255 color: var(--text-color-700);
1256 }
1257 .betterdocs-admin .rdrInputRangeInput:focus,
1258 .betterdocs-admin .rdrInputRangeInput:hover {
1259 border-color: var(--text-color-500);
1260 outline: 0;
1261 color: var(--text-color-900);
1262 }
1263 .betterdocs-admin .rdrCalendarWrapper:not(.rdrDateRangeWrapper) .rdrDayHovered .rdrDayNumber:after {
1264 content: "";
1265 border: 1px solid currentColor;
1266 border-radius: 6px;
1267 position: absolute;
1268 top: -2px;
1269 bottom: -2px;
1270 left: 0px;
1271 right: 0px;
1272 background: transparent;
1273 }
1274 .betterdocs-admin .rdrDayPassive {
1275 pointer-events: none;
1276 }
1277 .betterdocs-admin .rdrDayPassive .rdrDayNumber span {
1278 color: var(--text-color-500) !important;
1279 }
1280
1281 .betterdocs-admin.betterdocs-dark-mode .rdrDayPassive .rdrDayNumber span {
1282 color: #98a2b3 !important;
1283 }
1284
1285 .betterdocs-admin .rdrDayPassive .rdrInRange,
1286 .betterdocs-admin .rdrDayPassive .rdrStartEdge,
1287 .betterdocs-admin .rdrDayPassive .rdrEndEdge,
1288 .betterdocs-admin .rdrDayPassive .rdrSelected,
1289 .betterdocs-admin .rdrDayPassive .rdrDayStartPreview,
1290 .betterdocs-admin .rdrDayPassive .rdrDayInPreview,
1291 .betterdocs-admin .rdrDayPassive .rdrDayEndPreview {
1292 display: none;
1293 }
1294 .betterdocs-admin .rdrDayDisabled {
1295 background-color: var(--text-color-150);
1296 }
1297 .betterdocs-admin .rdrDayDisabled .rdrDayNumber span {
1298 color: var(--text-color-500) !important;
1299 }
1300
1301 .betterdocs-admin.betterdocs-dark-mode .rdrDayDisabled .rdrDayNumber span {
1302 color: #98a2b3 !important;
1303 }
1304
1305 .betterdocs-admin .rdrDayDisabled .rdrInRange,
1306 .betterdocs-admin .rdrDayDisabled .rdrStartEdge,
1307 .betterdocs-admin .rdrDayDisabled .rdrEndEdge,
1308 .betterdocs-admin .rdrDayDisabled .rdrSelected,
1309 .betterdocs-admin .rdrDayDisabled .rdrDayStartPreview,
1310 .betterdocs-admin .rdrDayDisabled .rdrDayInPreview,
1311 .betterdocs-admin .rdrDayDisabled .rdrDayEndPreview {
1312 filter: grayscale(100%) opacity(60%);
1313 }
1314 .betterdocs-admin .rdrMonthName {
1315 text-align: left;
1316 font-weight: 600;
1317 color: var(--text-color-600);
1318 padding: 0.833em;
1319 }
1320 .betterdocs-admin .btd-tooltip .btd-tooltip-content .btd-tooltip-content-inner {
1321 background: var(--page-background);
1322 border-color: var(--text-color-150);
1323 color: var(--text-color-600);
1324 }
1325 .betterdocs-admin .btd-tooltip .btd-tooltip-content:before {
1326 border-top-color: var(--text-color-150);
1327 }/*# sourceMappingURL=analytics.css.map */