PluginProbe
MainWP Dashboard: Self-hosted WordPress Management for Agencies / 5.1
MainWP Dashboard: Self-hosted WordPress Management for Agencies v5.1
6.2 6.1.8 6.1.7 6.1.6 6.1.5 6.1.4 6.1.3 6.1.2 6.1.1 6.1 6.0.12 6.0.11 4.6.0.1 5.0 5.0.1 5.0.2 5.0.3 5.0.3.1 5.0.3.2 5.1 5.1.1 5.2 5.2.1 5.2.2 5.3 All 153 releases
mainwp / assets / css / mainwp.css

mainwp.css in MainWP Dashboard: Self-hosted WordPress Management for Agencies 5.1, at assets/css/mainwp.css

1,661 lines 37.0 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /* END V4
2 ********************************************************************************/
3
4 /* Genaral Style */
5
6 .mainwp-main-content {
7 width: calc(100% - 298px);
8 padding-right: 1em;
9 padding-bottom: 1em;
10 border-right: 1px solid #dadada;
11 float: left;
12 margin-right: -1px !important;
13 margin-left: -1px !important;
14 }
15
16 .mainwp-side-content {
17 height: 100%;
18 width: 299.5px;
19 float: right;
20 border-left: 1px solid #dadada;
21 border-bottom: 1px solid #dadada;
22 padding: 1em;
23 }
24
25 .mainwp-side-content.mainwp-no-padding {
26 padding: 0 !important;
27 }
28
29 .mainwp-sidebar-left .ui.alt.segment {
30 padding: 0;
31 }
32
33 .mainwp-sidebar-left .mainwp-side-content {
34 float: left;
35 border-left: none;
36 border-right: 1px solid rgba(34, 36, 38, .15);
37 border-bottom: 1px solid #dadada;
38 }
39
40 .mainwp-sidebar-left .mainwp-main-content {
41 float: right;
42 padding-left: 1em;
43 border-left: 1px solid #dadada;
44 border-right: 0 solid #dadada !important;
45 }
46
47 .mainwp-sidebar-accordion .title {
48 font-weight: bolder;
49 }
50
51 .mainwp-sidebar-options {
52 background: #f9fafb;
53 padding: 10px;
54 }
55
56 .mainwp-ui .ui.button:not(.dropdown) {
57 height: auto !important;
58 margin: 0 !important;
59 white-space: nowrap;
60 text-overflow: ellipsis;
61 vertical-align: middle !important;
62 }
63
64 .mainwp-ui .ui.styled.accordion {
65 border-radius: 0 !important;
66 }
67
68 .mainwp-ui .plug.circular.inverted.cached-icon-customable.icon:hover {
69 background-color: #666666;
70 }
71
72 .mainwp-ui .plug.circular.inverted.cached-icon-customable.icon:hover:before {
73 content: "\f067" !important;
74 }
75
76 .mainwp-api-icon {
77 font-size: 1.5em;
78 font-weight: 900 !important;
79 margin-bottom: 0.5rem;
80 margin-top: 0.15rem;
81 }
82
83 /* Content Wrap */
84
85 .mainwp-content-wrap {
86 margin-bottom: 0px;
87 }
88
89 .mainwp-ui-leftmenu .mainwp-content-wrap,
90 .mainwp-ui-leftmenu #mainwp-screenshots-sites {
91 margin-left: 272px;
92 }
93
94 .mainwp-ui.toplevel_page_mainwp_tab.mainwp-ui-leftmenu .mainwp-content-wrap,
95 .mainwp-ui.mainwp_page_Settings .mainwp-content-wrap,
96 .mainwp-ui.mainwp_page_SettingsAdvanced .mainwp-content-wrap,
97 .mainwp-ui.mainwp_page_SettingsEmail .mainwp-content-wrap,
98 .mainwp-ui.mainwp_page_MainWPTools .mainwp-content-wrap,
99 .mainwp-ui.mainwp_page_SettingsInsights .mainwp-content-wrap,
100 .mainwp-ui.mainwp_page_SettingsApiBackups .mainwp-content-wrap,
101 .mainwp-ui.mainwp_page_ServerInformation .mainwp-content-wrap,
102 .mainwp-ui.mainwp_page_ServerInformationCron .mainwp-content-wrap,
103 .mainwp-ui.mainwp_page_ErrorLog .mainwp-content-wrap,
104 .mainwp-ui.mainwp_page_ActionLogs .mainwp-content-wrap,
105 .mainwp-ui.mainwp_page_PluginPrivacy .mainwp-content-wrap,
106 .mainwp-ui.mainwp-hidden-second-level-navigation.mainwp-ui-leftmenu .mainwp-content-wrap,
107 .mainwp-ui.mainwp-hidden-second-level-navigation.mainwp-ui-leftmen #mainwp-screenshots-sites {
108 margin-left: 72px !important;
109 }
110
111 .toplevel_page_mainwp_tab .mainwp-primary-content-wrap,
112 .mainwp-individual-site-overview .mainwp-primary-content-wrap,
113 .mainwp-individual-client-overview .mainwp-primary-content-wrap,
114 .mainwp_page_InsightsOverview .mainwp-primary-content-wrap {
115 padding: 0px;
116 }
117
118 /* Header */
119
120 #mainwp-top-header {
121 z-index: 9999;
122 padding: 10px;
123 height: 58px;
124 background: #1c1d1b;
125 }
126
127 #mainwp-top-header .mainwp-page-title {
128 padding-left: 15px;
129 color: #ffffff;
130 }
131
132 .mainwp-ui.mainwp-custom-theme #mainwp-top-header .ui.icon.button:not(.red, .green) {
133 background: #1c1d1b !important;
134 color: #ffffff !important;
135 }
136
137 #mainwp-top-header .ui.menu {
138 box-shadow: none;
139 padding-top: 0;
140 }
141
142 .mainwp-sync-button-icon {
143 display: none !important;
144 }
145
146 #mainwp-add-new-buttons .ui.icon.button:not(.dropdown) {
147 display: none;
148 }
149
150 /* Sub-Header */
151
152 .mainwp-sub-header,
153 .mainwp-actions-bar {
154 padding: 10px 1em;
155 background: #f9fafb;
156 border-bottom: 1px solid #dadada;
157 }
158
159 .mainwp-sub-header #mainwp-sites-bulk-actions-menu.ui.selection.dropdown {
160 min-width: 20em;
161 }
162
163 /* Page Navigation */
164
165 #mainwp-page-navigation-wrapper {
166 display: none;
167 }
168
169 .mainwp-individual-site-view #mainwp-page-navigation-wrapper {
170 display: block;
171 float: left;
172 position: fixed;
173 top: 58px;
174 bottom: 0px;
175 width: 170px;
176 }
177
178 .mainwp-individual-site-view #mainwp-page-navigation-wrapper .mainwp-page-navigation {
179 width: 170px;
180 box-shadow: none !important;
181 border-radius: 0px !important;
182 border: none !important;
183 }
184
185 .mainwp-individual-site-view #mainwp-page-navigation-wrapper .mainwp-page-navigation .item {
186 padding: 0.92857143em 1.14285714em !important;
187 }
188
189 .mainwp-individual-site-view #mainwp-page-navigation-wrapper .mainwp-page-navigation .item:last-child {
190 box-shadow: none !important;
191 border-radius: 0px !important;
192 }
193
194 .mainwp-individual-site-view #mainwp-site-mode-wrap {
195 width: calc(100% - 170px);
196 float: right;
197 }
198
199 .mainwp-sub-submenu {
200 margin-bottom: 0px !important;
201 margin-top: 0px !important;
202 border-radius: 0px !important;
203 background: #3E3F3D !important;
204 box-shadow: 20px 0px 20px -18px rgba(0, 0, 0, 0.15) inset !important;
205 -webkit-box-shadow: 20px 0px 20px -18px rgba(0, 0, 0, 0.15) inset !important;
206 -moz-box-shadow: 20px 0px 20px -18px rgba(0, 0, 0, 0.15) inset !important;
207 }
208
209
210 /* Pagination */
211 .mainwp-ui .ui.pagination.menu .item::before {
212 width: 0px;
213 }
214 .mainwp-ui .ui.pagination.menu .item {
215 padding: 0;
216 border: none;
217 margin: 0;
218 text-align: center;
219 }
220
221 .mainwp-ui .ui.pagination.menu .item:hover,
222 .mainwp-ui .ui.pagination.menu .item.active {
223 background: #7fb100;
224 padding: 0;
225 border-radius: 0;
226 }
227 .mainwp-ui .ui.pagination.menu .item:hover .page-link,
228 .mainwp-ui .ui.pagination.menu .item.active .page-link {
229 color: #ffffff;
230 }
231
232 .mainwp-ui .ui.pagination.menu .item .page-link {
233 padding: 0.5em 1em;
234 margin: 0 auto;
235 }
236
237 /* Menu */
238
239 #mainwp-main-navigation-container {
240 display: flex;
241 flex-direction: row;
242 background-color: #3E3F3D;
243 width: 272px;
244 max-width: 272px;
245 position: fixed;
246 left: 0;
247 top: 58px;
248 bottom: 0;
249 z-index: 1 !important;
250 }
251
252 #mainwp-main-navigation-container .active.item:last-child {
253 border-radius: 0px !important;
254 }
255
256 #mainwp-main-navigation-container .ui.accordion.menu .item a {
257 line-height: 1.3em;
258 }
259
260
261 #mainwp-first-level-navigation {
262 display: flex;
263 flex-direction: column;
264 justify-content: space-between;
265 background-color: #1c1d1b;
266 width: 72px;
267 max-width: 72px;
268 overflow-y: auto;
269 overflow-x: hidden;
270 padding-top: 25px;
271 }
272
273 #mainwp-version-label {
274 margin-left: 0px;
275 margin-right: 0px;
276 border-radius: 0px;
277 color: #ffffff !important;
278 z-index: 9999 !important;
279 }
280
281 #mainwp-first-level-navigation-menu {
282 margin-top: 0;
283 flex-grow: 1;
284 border-radius: 0px;
285 min-height: 420px;
286 }
287
288 #mainwp-first-level-navigation-menu .item.active {
289 background: #3E3F3D;
290 }
291
292 #mainwp-first-level-navigation-menu .item.active .icon,
293 #mainwp-first-level-navigation-menu .item.active .text {
294 color: #7fb100;
295 }
296
297 #mainwp-first-level-wpitems-menu {
298 background: none !important;
299 border-radius: 0px;
300 }
301
302 #mainwp-first-level-navigation-menu a[title='Cost Tracker'] {
303 padding-left: 5px !important;
304 padding-right: 5px !important;
305 }
306
307 #mainwp-collapse-second-level-navigation {
308 position: fixed;
309 left: 272px;
310 bottom: 30px;
311 padding: 7px 4px 7px 2px;
312 border-radius: 0 8px 8px 0 !important;
313 min-width: auto !important;
314 background-color: #3E3F3D;
315 }
316
317 #mainwp-collapse-second-level-navigation .icon {
318 padding: 0px !important;
319 margin: 0px !important;
320 font-size: 14px !important;
321 }
322
323 #mainwp-second-level-navigation {
324 background-color: #3E3F3D;
325 width: 200px;
326 box-shadow: 20px 0px 20px -18px rgba(0, 0, 0, 0.15) inset;
327 -webkit-box-shadow: 20px 0px 20px -18px rgba(0, 0, 0, 0.15) inset;
328 -moz-box-shadow: 20px 0px 20px -18px rgba(0, 0, 0, 0.15) inset;
329 overflow-y: auto;
330 overflow-x: hidden;
331 }
332
333 #mainwp-main-menu {
334 width: 100%;
335 background: #3E3F3D !important;
336 }
337
338 #mainwp-second-level-navigation .ui.inverted.menu {
339 background-color: #3E3F3D;
340 box-shadow: 20px 0px 20px -18px rgba(0, 0, 0, 0.15) inset;
341 -webkit-box-shadow: 20px 0px 20px -18px rgba(0, 0, 0, 0.15) inset;
342 -moz-box-shadow: 20px 0px 20px -18px rgba(0, 0, 0, 0.15) inset;
343 }
344
345 #mainwp-second-level-navigation .ui.inverted.menu .item {
346 padding: 0.7em 1.14285714em;
347 color: #ffffff !important;
348 box-shadow: 20px 0px 20px -18px rgba(0, 0, 0, 0.15) inset;
349 -webkit-box-shadow: 20px 0px 20px -18px rgba(0, 0, 0, 0.15) inset;
350 -moz-box-shadow: 20px 0px 20px -18px rgba(0, 0, 0, 0.15) inset;
351 }
352
353 #mainwp-second-level-navigation .ui.inverted.menu .item .icon {
354 color: #ffffff !important;
355 }
356
357 #mainwp-second-level-navigation .ui.inverted.menu .item .item:hover,
358 #mainwp-second-level-navigation .ui.inverted.menu .item .item.active {
359 color: #7fb100 !important;
360 }
361
362 #mainwp-second-level-navigation .ui.menu .item.extension-inactive a,
363 #mainwp-second-level-navigation .ui.menu a.item.extension-inactive {
364 color: rgba(255, 255, 255, .3) !important;
365 }
366
367 #mainwp-navigation-icon {
368 width: 40px;
369 margin-left: 11px;
370 margin-top: 18px;
371 }
372
373 .mainwp-main-mobile-navigation-container {
374 background-color: #1c1d1b;
375 display: none;
376 }
377
378 .mainwp-main-mobile-navigation-container .item.active {
379 background: rgba(255, 255, 255, 0.08) !important;
380 }
381
382 .mainwp-ui #mainwp-main-navigation-container.hoverli {
383 background-color: #1c1d1b !important;
384 }
385
386 .mainwp-ui.toplevel_page_mainwp_tab #mainwp-main-navigation-container,
387 .mainwp-ui.mainwp_page_Settings #mainwp-main-navigation-container,
388 .mainwp-ui.mainwp_page_SettingsAdvanced #mainwp-main-navigation-container,
389 .mainwp-ui.mainwp_page_SettingsEmail #mainwp-main-navigation-container,
390 .mainwp-ui.mainwp_page_MainWPTools #mainwp-main-navigation-container,
391 .mainwp-ui.mainwp_page_SettingsInsights #mainwp-main-navigation-container,
392 .mainwp-ui.mainwp_page_SettingsApiBackups #mainwp-main-navigation-container,
393 .mainwp-ui.mainwp_page_ServerInformation #mainwp-main-navigation-container,
394 .mainwp-ui.mainwp_page_ServerInformationCron #mainwp-main-navigation-container,
395 .mainwp-ui.mainwp_page_ErrorLog #mainwp-main-navigation-container,
396 .mainwp-ui.mainwp_page_ActionLogs #mainwp-main-navigation-container,
397 .mainwp-ui.mainwp_page_PluginPrivacy #mainwp-main-navigation-container,
398 .mainwp-ui.mainwp-hidden-second-level-navigation #mainwp-main-navigation-container {
399 width: 72px !important;
400 }
401
402 .mainwp-ui.toplevel_page_mainwp_tab #mainwp-collapse-second-level-navigation,
403 .mainwp-ui.toplevel_page_mainwp_tab #mainwp-second-level-navigation,
404 .mainwp-ui.mainwp_page_Settings #mainwp-second-level-navigation,
405 .mainwp-ui.mainwp_page_SettingsAdvanced #mainwp-second-level-navigation,
406 .mainwp-ui.mainwp_page_SettingsEmail #mainwp-second-level-navigation,
407 .mainwp-ui.mainwp_page_MainWPTools #mainwp-second-level-navigation,
408 .mainwp-ui.mainwp_page_SettingsInsights #mainwp-second-level-navigation,
409 .mainwp-ui.mainwp_page_SettingsApiBackups #mainwp-second-level-navigation,
410 .mainwp-ui.mainwp_page_ServerInformation #mainwp-second-level-navigation,
411 .mainwp-ui.mainwp_page_ServerInformationCron #mainwp-second-level-navigation,
412 .mainwp-ui.mainwp_page_ErrorLog #mainwp-second-level-navigation,
413 .mainwp-ui.mainwp_page_ActionLogs #mainwp-second-level-navigation,
414 .mainwp-ui.mainwp_page_PluginPrivacy #mainwp-second-level-navigation,
415 .mainwp-ui.mainwp-hidden-second-level-navigation #mainwp-second-level-navigation {
416 display: none !important;
417 }
418
419 .mainwp-ui.mainwp-hidden-second-level-navigation #mainwp-collapse-second-level-navigation,
420 .mainwp-ui.mainwp_page_Settings #mainwp-collapse-second-level-navigation,
421 .mainwp-ui.mainwp_page_SettingsAdvanced #mainwp-collapse-second-level-navigation,
422 .mainwp-ui.mainwp_page_SettingsEmail #mainwp-collapse-second-level-navigation,
423 .mainwp-ui.mainwp_page_MainWPTools #mainwp-collapse-second-level-navigation,
424 .mainwp-ui.mainwp_page_SettingsInsights #mainwp-collapse-second-level-navigation,
425 .mainwp-ui.mainwp_page_SettingsApiBackups #mainwp-collapse-second-level-navigation,
426 .mainwp-ui.mainwp_page_ServerInformation #mainwp-collapse-second-level-navigation,
427 .mainwp-ui.mainwp_page_ServerInformationCron #mainwp-collapse-second-level-navigation,
428 .mainwp-ui.mainwp_page_ErrorLog #mainwp-collapse-second-level-navigation,
429 .mainwp-ui.mainwp_page_ActionLogs #mainwp-collapse-second-level-navigation,
430 .mainwp-ui.mainwp_page_PluginPrivacy #mainwp-collapse-second-level-navigation {
431 display: none !important;
432 }
433
434 #mainwp-main-menu .icon {
435 color: #fff !important;
436 }
437
438 /* Widgets */
439
440
441 .mainwp-widget {
442 border: 1px solid #dadada !important;
443 margin: none !important;
444 }
445
446 .mainwp-widget img {
447 width: 40%;
448 max-width: 200px;
449 height: auto;
450 }
451
452 #mainwp-update-everything-button {
453 font-size: 14px;
454 }
455
456 .mainwp-widget .dt-search.ui.input {
457 padding: 5px;
458 max-width: 160px;
459 }
460
461
462 @media only screen and (min-width: 1368px) {
463
464 .mainwp-widget.ui.segment.gs-w {
465 position: absolute;
466 }
467
468 .mainwp-widget-header {
469 margin-bottom: 20px !important;
470 }
471
472 .mainwp-widget .handle-drag {
473 cursor: move !important;
474 }
475
476 .mainwp-scrolly-overflow {
477 overflow-y: auto;
478 overflow-x: hidden;
479 padding: 0 10px 0 0;
480 margin-bottom: 20px;
481 }
482
483 .mainwp-widget-footer {
484 position: absolute;
485 bottom: 1rem;
486 width: 100%;
487 }
488
489 #widget-recent_posts .mainwp-scrolly-overflow,
490 #widget-recent_pages .mainwp-scrolly-overflow {
491 height: calc(100% - 125px);
492 }
493
494 #widget-connection_status .mainwp-scrolly-overflow {
495 height: calc(100% - 135px);
496 }
497
498 #widget-security_issues .mainwp-scrolly-overflow {
499 height: calc(100% - 100px);
500 }
501
502 #widget-non_mainwp_changes .mainwp-scrolly-overflow {
503 height: calc(100% - 120px) !important;
504 }
505
506 #widget-clients .mainwp-scrolly-overflow {
507 height: calc(100% - 100px) !important;
508 }
509
510 #widget-client_info .mainwp-scrolly-overflow {
511 height: calc(100% - 100px) !important;
512 }
513
514 #widget-child_site_info .mainwp-scrolly-overflow {
515 height: calc(100% - 60px) !important;
516 }
517
518 #widget-notes .mainwp-scrolly-overflow {
519 height: calc(100% - 100px) !important;
520 }
521
522 #widget-plugins .mainwp-scrolly-overflow {
523 height: calc(100% - 70px) !important;
524 }
525
526 #widget-themes .mainwp-scrolly-overflow {
527 height: calc(100% - 70px) !important;
528 }
529
530 #widget-overview .mainwp-scrolly-overflow {
531 height: calc(100% - 120px) !important;
532 padding: 10px 0;
533 }
534
535 #widget-advanced-cost-tracker-costs .mainwp-scrolly-overflow {
536 height: calc(100% - 120px) !important;
537 padding: 10px 0;
538 }
539
540 #widget-fields_info .mainwp-scrolly-overflow {
541 height: calc(100% - 100px) !important;
542 }
543
544 #widget-websites .mainwp-scrolly-overflow {
545 height: calc(100% - 70px) !important;
546 }
547
548 [id^="widget-contact_"] .mainwp-scrolly-overflow {
549 height: calc(100% - 70px) !important;
550 }
551
552 #widget-note .mainwp-scrolly-overflow {
553 height: calc(100% - 100px) !important;
554 }
555
556 #widget-advanced-matomo .mainwp-scrolly-overflow {
557 height: calc(100% - 70px) !important;
558 }
559
560 #widget-get-started .mainwp-scrolly-overflow {
561 height: calc(100% - 70px) !important;
562 }
563
564 #mainwp-plugin-privacy {
565 width: 800px;
566 }
567
568 #widget-cost_upcomming_renewals .mainwp-scrolly-overflow,
569 #widget-cost_monthly_renewals .mainwp-scrolly-overflow,
570 #widget-cost_yearly_renewals .mainwp-scrolly-overflow {
571 height: calc(100% - 100px) !important;
572 }
573
574 #widget-cost_monthly_totals .mainwp-scrolly-overflow,
575 #widget-cost_category_totals .mainwp-scrolly-overflow {
576 height: calc(100% - 70px) !important;
577 }
578
579 }
580
581 .mainwp-ui .mainwp-widget .ui.form .ui.input,
582 .mainwp-ui .mainwp-widget .ui.pagination.menu,
583 .mainwp-ui .mainwp-widget .ui.dropdown {
584 font-size: 0.78571429em;
585 }
586
587 /* Sidebar */
588
589 .mainwp-select-sites,
590 .mainwp-search-options,
591 .mainwp-search-submit {
592 padding: 10px;
593 }
594
595 #mainwp-select-sites-header .ui.menu {
596 overflow-x: auto;
597 overflow-y: hidden;
598 margin: 1rem -1rem 0;
599 }
600
601 /* Select Sites */
602
603 #mainwp-select-sites-body {
604 height: 220px;
605 overflow: auto;
606 }
607
608 #mainwp-select-sites-select-all-actions {
609 background: #dadada;
610 border-bottom: 1px solid #dadada;
611 margin-top: 0;
612 }
613
614 #mainwp-select-sites-select-all-actions .item {
615 cursor: pointer;
616 }
617
618 .mainwp-modal-content #mainwp-select-sites-select-all-actions {
619 margin-left: auto;
620 margin-right: auto;
621 }
622
623 #mainwp-select-sites-list .item label .url {
624 display: none;
625 }
626
627 .mainwp-sub-header #mainwp-filter-sites-group .default.text,
628 .mainwp-sub-header #mainwp-filter-clients .default.text {
629 overflow: visible !important;
630 }
631
632 /* Tables */
633
634 .mainwp-ui table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control::before,
635 .mainwp-ui table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control::before {
636 background-color: rgba(0, 0, 0, 0.3);
637 }
638
639
640 .mainwp-ui table.dataTable.dtr-inline.collapsed>tbody>tr.parent.dt-hasChild>td.dtr-control::before,
641 .mainwp-ui table.dataTable.dtr-inline.collapsed>tbody>tr.parent.dt-hasChild>th.dtr-control::before {
642 background-color: rgba(0, 0, 0, 0.6);
643 }
644
645 .mainwp-ui table ul.dtr-details {
646 width: 100% !important;
647 }
648
649 .mainwp-ui table.dataTable tbody tr>.dtfc-fixed-left,
650 .mainwp-ui table.dataTable tbody tr>.dtfc-fixed-right {
651 background-color: #fff;
652 }
653
654 /* Manage Sites Table */
655
656 table.mainwp-manage-wpsites-table {
657 margin: 0;
658 }
659
660 .mainwp-manage-wpsites-table tbody tr td.mainwp-site-cell,
661 .mainwp-manage-wpsites-table tbody tr td.mainwp-url-cell {
662 white-space: nowrap;
663 overflow: hidden;
664 text-overflow: ellipsis;
665 max-width: 185px;
666 }
667
668 table.mainwp-manage-wpsites-table .error a {
669 text-decoration: none;
670 }
671
672 #mainwp-manage-sites-content.segment {
673 padding-top: 1em;
674 }
675
676 /* Manage Cliens Table */
677
678 #mainwp-manage-clients-table .custom-icon {
679 font-size: 35px;
680 }
681
682 /* Manage Costs Table */
683 #mainwp-module-cost-tracker-sites-table tbody tr td.mainwp-manage-costs-name-cell {
684 white-space: nowrap;
685 overflow: hidden;
686 text-overflow: ellipsis;
687 max-width: 150px;
688 min-width: 150px;
689 }
690
691 /* Manage Groups */
692
693 #mainwp-manage-groups .mainwp-group-sites-row .list {
694 max-height: 200px;
695 overflow-y: scroll;
696 }
697
698 .mainwp-group-sites-row {
699 display: none;
700 }
701
702 .mainwp-group-sites-row.active {
703 display: table-row;
704 }
705
706 /* Manage Updates */
707
708 #mainwp-manage-updates table tr.active {
709 background: #f9fafb !important;
710 }
711
712 #mainwp-manage-updates table tr.active table th {
713 background: #eee !important;
714 }
715
716 #mainwp-manage-updates table tr.active table td {
717 background: #f9ffea !important;
718 }
719
720 /* Manaage Plugins & Themes */
721
722 .ui.accordion.mainwp-manage-plugin-item,
723 .ui.accordion.mainwp-manage-theme-item {
724 border-bottom: 1px solid rgba(34, 36, 38, 0.1);
725 }
726
727 .ui.accordion.mainwp-manage-plugin-item .title,
728 .ui.accordion.mainwp-manage-theme-item .title {
729 cursor: default !important;
730 }
731
732 .ui.accordion.mainwp-manage-plugin-item .title.active,
733 .ui.accordion.mainwp-manage-theme-item .title.active {
734 background: #fafafa;
735 }
736
737 .ui.accordion.mainwp-manage-plugin-item .title .dropdown,
738 .ui.accordion.mainwp-manage-theme-item .title .dropdown {
739 cursor: pointer !important;
740 }
741
742 .mainwp-manage-plugin-item:nth-last-of-type(1),
743 .mainwp-manage-theme-item:nth-last-of-type(1) {
744 border-bottom: none !important;
745 }
746
747 .mainwp-manage-plugin-item .content,
748 .mainwp-manage-theme-item .content {
749 padding: 2em 1em !important;
750 }
751
752 .mainwp-manage-plugin-item .content.active,
753 .mainwp-manage-theme-item .content.active {
754 background: #fafafa;
755 }
756
757 .mainwp-manage-plugin-item-website,
758 .mainwp-manage-theme-item-website {
759 border-bottom: 1px solid rgba(34, 36, 38, 0.1);
760 border-top: 1px solid rgba(34, 36, 38, 0.1);
761 background: #fafafa;
762 padding: 1em;
763 margin: 0 0 -1px !important;
764 }
765
766
767 /* Manage Extensions */
768
769 #mainwp-manage-extensions.ui.segment {
770 padding: 0px;
771 }
772
773 #mainwp-manage-extensions .mainwp-main-content {
774 padding: 1em;
775 }
776
777 .mainwp-disabled-extension .header,
778 .mainwp-disabled-extension .content:not(.extra) {
779 opacity: 0.7;
780 }
781
782 /* temporary */
783 .hidden.divider {
784 display: block !important;
785 }
786
787 #mainwp-show-htaccess code,
788 #mainwp-show-wp-config code {
789 background: none !important;
790 }
791
792 .main-content {
793 width: calc(100% - 302.5px);
794 }
795
796 .mainwp-ui .ui.message .header {
797 color: #333333;
798 }
799
800 /* WP UI Fixes */
801
802 .mainwp-ui #wpbody-content {
803 padding-bottom: 0;
804 }
805
806 .mainwp-ui #wp-content-editor-tools {
807 background-color: #fff !important;
808 }
809
810 .mainwp-ui .wrap {
811 margin: 0 0 0 200px;
812 }
813
814 .mainwp-hidden {
815 display: none !important;
816 }
817
818 .mainwp-ui .ui.disabled.checkbox label a,
819 .mainwp-ui .ui.checkbox input[disabled]~label a {
820 pointer-events: auto !important;
821 }
822
823
824 .mainwp-ui #mainwp-security-issues-table tfoot input {
825 width: auto !important;
826 }
827
828 .mainwp-ui .mainwp-dropdown-color-picker-field #mainwp_edit_clients_icon_select,
829 .mainwp-ui .mainwp-dropdown-color-picker-field #mainwp_manage_add_edit_site_icon_select,
830 .mainwp-ui .mainwp-dropdown-color-picker-field .mainwp-edit-clients-select-contact-icon {
831 max-width: calc(100% - 65px) !important;
832 min-width: calc(100% - 65px) !important;
833 }
834
835 .mainwp-ui .mainwp-dropdown-color-picker-field .mainwp-color-picker-input,
836 .mainwp-ui .ui.form .field .mainwp-color-picker-input {
837 max-width: 65px !important;
838 }
839
840
841 /* END V4
842 ********************************************************************************/
843
844 .mainwp-action-row {
845 min-height: 20px;
846 }
847
848 .mainwp-notice {
849 margin: 5px 0 15px;
850 padding: .6em;
851 background: #fff;
852 box-shadow: 0 1px 1px rgba(0, 0, 0, .04);
853 vertical-align: middle;
854 }
855
856 .mainwp-notice-green {
857 border-left: 4px solid #7fb100;
858 }
859
860 .mainwp-notice-blue {
861 border-left: 4px solid #0073AA;
862 }
863
864 .mainwp-notice-red {
865 border-left: 4px solid #a00;
866 }
867
868 .mainwp-notice-yellow {
869 border-left: 4px solid #FFB901;
870 }
871
872 .mainwp_action {
873 text-decoration: none;
874 text-transform: uppercase;
875 background: #fff;
876 border-color: #e5e5e5;
877 border-style: solid;
878 color: #333333;
879 display: inline-block;
880 font-size: 12px;
881 padding: 4px 12px;
882 -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .04);
883 box-shadow: 0 1px 1px rgba(0, 0, 0, .04);
884 }
885
886 .mainwp_action.left {
887 border-width: 1px 0 1px 1px;
888 }
889
890 .mainwp_action.mid {
891 border-width: 1px 0 1px 1px;
892 }
893
894 .mainwp_action.right {
895 border-width: 1px;
896 }
897
898 .mainwp_action.single {
899 border-width: 1px;
900 }
901
902 .mainwp_action_down {
903 background: #e5e5e5;
904 -webkit-box-shadow: none;
905 box-shadow: none;
906 }
907
908
909
910 /*---------------------------------------------------------------------------------------------------------------*/
911 .mainwp-row-actions-working {
912 display: none;
913 }
914
915 /*---------------------------------------------------------------------------------------------------------------*/
916
917
918
919 .mainwp-loading {
920 text-align: left;
921 padding: 20px;
922 font-size: 18px;
923 line-height: 18px;
924 }
925
926
927
928
929 .backup_run_loading {
930 display: none;
931 }
932
933
934 .mainwp-tabs {
935 margin-top: 2em;
936 border-bottom: 1px solid #e5e5e5;
937 margin-bottom: 0;
938 }
939
940 .mainwp_checkboxes {
941 -webkit-column-count: 3;
942 -moz-column-count: 3;
943 column-count: 3;
944 margin: 1em 0 2em;
945 }
946
947 .mainwp-search-form {
948 width: auto;
949 }
950
951 .mainwp_managbackups_taskoptions {
952 width: auto;
953 }
954
955 .mainwp_managbackups_taskoptions .form-table {
956 clear: none;
957 width: 590px;
958 }
959
960 .mainwp-submenu-wrapper {
961 background-position: top right;
962 background-repeat: repeat-y;
963 padding-left: 10px;
964 padding-right: 25px;
965 display: none;
966 position: absolute;
967 background-color: #ECECEC;
968 background-color: white;
969 border-left: 0;
970 z-index: 9999;
971 }
972
973 #side-info-column {
974 width: 49%;
975 }
976
977 .inner-sidebar #side-sortables {
978 width: 100%;
979 }
980
981 .has-right-sidebar #post-body-content {
982 width: 49%;
983 margin-right: 390px;
984 }
985
986 .has-right-sidebar #post-body {
987 margin-right: -50%;
988 }
989
990 #post-body #normal-sortables {
991 width: 100%;
992 }
993
994 li.hoverli {
995 -webkit-box-shadow: 0 1px 0 #dfdfdf, 0 -1px 0 #dfdfdf;
996 -moz-box-shadow: 0 1px 0 #dfdfdf, 0 -1px 0 #dfdfdf;
997 box-shadow: 0 1px 0 #dfdfdf, 0 -1px 0 #dfdfdf;
998 position: relative;
999 z-index: 9999;
1000 }
1001
1002 #mainwp_posts_main,
1003 #mainwp_posts_loading,
1004 #mainwp_posts_error,
1005 #mainwp_comments_main,
1006 #mainwp_comments_loading,
1007 #mainwp_comments_error,
1008 #mainwp_pages_main,
1009 #mainwp_pages_error,
1010 #mainwp_users_main,
1011 #mainwp_users_loading_info,
1012 #mainwp_themes_main,
1013 #mainwp_themes_error,
1014 #mainwp_themes_loading_info,
1015 #mainwp_plugins_main,
1016 #mainwp_plugins_error,
1017 #mainwp_bulk_action_loading,
1018 #mainwp_users_searching,
1019 #mainwp_sites_searching,
1020 #mainwp_users_updating,
1021 #mainwp_bulk_action_applying,
1022 .mainwp_more_loading {
1023 display: none;
1024 }
1025
1026 .mainwp_loading,
1027 .mainwp-hidden-field {
1028 display: none;
1029 }
1030
1031 #pager {
1032 top: 0;
1033 position: inherit !important;
1034 }
1035
1036 .first,
1037 .prev,
1038 .next,
1039 .last {
1040 vertical-align: -5px;
1041 }
1042
1043 .row-actions-working {
1044 display: none;
1045 padding: 2px 0 0;
1046 }
1047
1048
1049 .mainwp_plugins_content,
1050 .mainwp_themes_content {
1051 background: #f9f9f9;
1052 }
1053
1054 #mainwp_plugins_content .headcol,
1055 #mainwp_themes_content .headcol {
1056 width: 22em;
1057 }
1058
1059 #mainwp_plugins_content th.headcol,
1060 #mainwp_themes_content th.headcol {
1061 border-bottom: 0;
1062 }
1063
1064 #mainwp_plugins_content #mainwp-table-overflow,
1065 #mainwp_themes_content #mainwp-table-overflow {
1066 height: 720px;
1067 }
1068
1069 #mainwp_background-box {
1070 min-height: 80vh;
1071 height: 100%;
1072 width: auto;
1073 margin-top: 2em;
1074 background: none;
1075 }
1076
1077 #mainwp_wrap-inside {
1078 min-height: 80vh;
1079 height: 100%;
1080 margin-top: 0;
1081 padding: 10px;
1082 background: #fafafa;
1083 border-top: none;
1084 border-bottom: 1px solid #e5e5e5;
1085 border-left: 1px solid #e5e5e5;
1086 border-right: 1px solid #e5e5e5;
1087 box-shadow: 0 1px 1px rgba(0, 0, 0, .04);
1088 position: relative;
1089 }
1090
1091 #mainwp_wrap-inside.round-top {
1092 clear: both;
1093 border: 1px solid #e5e5e5 !important;
1094 }
1095
1096 .mainwp-table-container .wp-list-table thead th,
1097 .mainwp-table-container .wp-list-table tfoot th,
1098 #mainwp-table thead th,
1099 #mainwp-table tfoot th {
1100 padding-left: .5em !important;
1101 }
1102
1103 #mainwp-tabs {
1104 clear: both;
1105 }
1106
1107 #mainwp-tabs .nav-tab-active {
1108 background: #fafafa;
1109 border-top: 1px solid #7fb100 !important;
1110 border-left: 1px solid #e5e5e5;
1111 border-right: 1px solid #e5e5e5;
1112 border-bottom: 1px solid #fafafa !important;
1113 color: #7fb100;
1114 margin-top: 1px;
1115 }
1116
1117 #mainwp-tabs .nav-tab {
1118 border-top: 1px solid #e5e5e5;
1119 border-left: 1px solid #e5e5e5;
1120 border-right: 1px solid #e5e5e5;
1121 border-bottom: 1px solid #e5e5e5;
1122 padding: 10px 16px;
1123 font-size: 14px;
1124 text-transform: uppercase;
1125 line-height: 16px;
1126 font-weight: normal;
1127 margin-left: 0;
1128 margin-right: 10px;
1129 }
1130
1131 /* Enhance Wordpress Admin UI */
1132 #adminmenuback,
1133 #adminmenuwrap,
1134 #adminmenu,
1135 #adminmenu .wp-submenu,
1136 #adminmenu .wp-submenu-wrap,
1137 .folded #adminmenu .wp-has-current-submenu .wp-submenu {
1138 width: 160px;
1139 }
1140
1141
1142 .mainwp-submenu-wide {
1143 width: auto !important;
1144 min-width: 200px !important;
1145 }
1146
1147
1148 .mainwp_boxout {
1149 background: #444;
1150 z-index: 9999;
1151 margin-left: 1em;
1152 padding: 10px 7px;
1153 left: 17px;
1154 width: 160px;
1155 position: absolute;
1156 }
1157
1158 .mainwp_boxout a {
1159 color: #ccc;
1160 text-decoration: none;
1161 display: block;
1162 line-height: 1.2em;
1163 padding: 6px 12px;
1164 }
1165
1166 .mainwp_boxout a:hover {
1167 color: #7fb100;
1168 }
1169
1170
1171 /* New Select Box Style */
1172
1173 .mainwp_error {
1174 display: none;
1175 padding: .6em;
1176 margin: 5px 0 2px;
1177 }
1178
1179 .mainwp-tips .mainwp-dismiss {
1180 float: right;
1181 }
1182
1183 /* Exclude Section */
1184
1185
1186 #download-server-information {
1187 display: none;
1188 margin: 10px 0;
1189 padding: 0;
1190 position: relative;
1191 }
1192
1193 #download-server-information textarea {
1194 border-radius: 0;
1195 font-family: monospace;
1196 font-size: 12px;
1197 height: 300px;
1198 line-height: 20px;
1199 margin: 0;
1200 outline: 0 none;
1201 padding: 20px;
1202 resize: none;
1203 width: 100%;
1204 -moz-border-radius: 0;
1205 -webkit-border-radius: 0;
1206 }
1207
1208 .mwp_close_srv_info {
1209 display: none;
1210 float: right;
1211 margin: 5px 0;
1212 }
1213
1214 .mainwp-permission-error {
1215 padding: 2em;
1216 width: 70%;
1217 margin: 4em auto;
1218 background: #fff;
1219 border: 1px Solid #e5e5e5;
1220 font-size: 13px;
1221 text-align: center;
1222 color: #999;
1223 }
1224
1225 .mainwp-permission-error p {
1226 font-size: 16px;
1227 color: #333;
1228 }
1229
1230
1231
1232
1233 /* ACTION TABS */
1234 .mainwp-browse-plugins .wp-filter {
1235 margin-top: 0 !important;
1236 }
1237
1238 .mainwp-browse-plugins>form {
1239 float: left;
1240 }
1241
1242 body.show-upload-plugin .hide-if-upload,
1243 body.show-upload-theme .hide-if-upload {
1244 display: none !important;
1245 }
1246
1247 .show-if-upload {
1248 display: none !important;
1249 }
1250
1251 body.show-upload-theme .show-if-upload,
1252 body.show-upload-plugin .show-if-upload {
1253 display: block !important;
1254 }
1255
1256 body.show-upload-plugin .mainwp-upload-plugin {
1257 display: block;
1258 }
1259
1260 .mainwp-upload-plugin {
1261 float: left;
1262 width: 100%;
1263 }
1264
1265 .installed-group-exts {
1266 padding: 1em;
1267 }
1268
1269 .mainwp_hide_wpmenu_checkboxes {
1270 margin: 0;
1271 }
1272
1273 .plugin-update-tr .api-deactivate {
1274 background-color: #fcf3ef;
1275 }
1276
1277 #plugin-information-footer {
1278 display: none;
1279 }
1280
1281 .sync-ext-row .sync-options {
1282 margin-left: 15px;
1283 }
1284
1285 .sync-ext-row {
1286 margin: 5px 0;
1287 }
1288
1289
1290 #import_user_file_bulkupload {
1291 width: 230px !important;
1292 }
1293
1294 body.show-upload-theme #mainwp_wrap-inside .upload-theme+.wp-filter,
1295 body.show-upload-theme #mainwp_wrap-inside .upload-theme+.wp-filter+.mainwp-browse-themes {
1296 display: none;
1297 }
1298
1299 body.show-upload-theme #mainwp_wrap-inside .upload-theme,
1300 .mainwp_wrap-inside .upload-plugin {
1301 display: block;
1302 }
1303
1304 #mainwp_wrap-inside .upload-plugin,
1305 #mainwp_wrap-inside .upload-theme {
1306 padding: 0 !important;
1307 }
1308
1309
1310 .mainwp-ui .plugin-update-tr .update-message p:before {
1311 color: #f56e28;
1312 content: "\f463";
1313 margin-right: 6px;
1314 margin-top: 6px;
1315 vertical-align: bottom;
1316 }
1317
1318 .plugin-update-tr.active>td>div.api-deactivate {
1319 margin: 10px 20px 10px 40px;
1320 padding: 10px;
1321 }
1322
1323 .mainwp-ui .plugin-update-tr .update-message {
1324 margin: 5px 20px 15px 40px;
1325 background-color: #fff8e5;
1326 border-left: 4px solid #ffb900;
1327 padding: 1px 12px;
1328 }
1329
1330 .mainwp-ui #wpfooter {
1331 z-index: 1000;
1332 }
1333
1334 .mainwp-ui-leftmenu #wpfooter {
1335 margin-left: 240px;
1336 }
1337
1338 .mainwp-no-extensions {
1339 margin: 0 12px 12px;
1340 }
1341
1342 #mainwp_managesites_content table.sites thead th,
1343 #mainwp_users_table thead th {
1344 padding: 0;
1345 }
1346
1347 #mainwp_managesites_content table.sites thead th .header-wrap,
1348 #mainwp_users_table thead th .header-wrap {
1349 min-height: 30px;
1350 padding: 5px 0 0 5px;
1351 }
1352
1353 #mainwp_users_table th#avatar {
1354 width: 65px;
1355 }
1356
1357 #mainwp_managesites_content table.sites thead th.sortable a,
1358 #mainwp_managesites_content table.sites thead th.sorted a {
1359 padding-top: 0;
1360 padding-left: 0;
1361 }
1362
1363 #mainwp_users_main .password-input-wrapper input.regular-text {
1364 width: 23.2em;
1365 }
1366
1367 .mainwp_config_box_left .password-input-wrapper input,
1368 .mainwp_config_box_left #pass-strength-result {
1369 width: 22em !important;
1370 }
1371
1372 #mainwp_managesites_content table th#wpcore_update,
1373 #mainwp_managesites_content table th#plugin_update,
1374 #mainwp_managesites_content table th#theme_update {
1375 width: 50px;
1376 text-align: center;
1377 }
1378
1379 #mainwp_users_main .form-table#user-profile textarea {
1380 margin-bottom: 6px;
1381 width: 500px;
1382 }
1383
1384 #mainwp-table-overflow table th {
1385 z-index: 998 !important;
1386 }
1387
1388 #mainwp-table-overflow table th:nth-child(1) {
1389 z-index: 999 !important;
1390 }
1391
1392 #mainwp-table-overflow table tr td:nth-child(1) {
1393 z-index: 997 !important;
1394 }
1395
1396 div.pw-wrap.form-invalid {
1397 padding: 5px;
1398 border: 1px dashed #dc3232;
1399 }
1400
1401 span.http-ok-status {
1402 display: none;
1403 }
1404
1405 div.http-response-ok span.http-ok-status {
1406 display: inline-block;
1407 }
1408
1409 div.http-response-ok span.http-notok-status {
1410 display: none;
1411 }
1412
1413 /* end */
1414
1415 #mainwp_post_search_by_keyword,
1416 #mainwp_page_search_by_keyword {
1417 width: calc(100% - 145px);
1418
1419 }
1420
1421 #mainwp_connection_status_wrap .mainwp_wp_sync:hover .mainwp-row-actions {
1422 display: block;
1423 }
1424
1425 #mainwp_connection_status_wrap .mainwp-row-actions {
1426 float: none;
1427 }
1428
1429 .mainwp-ui-leftmenu.mainwp-ui-page #adminmenuwrap,
1430 .mainwp-ui-leftmenu.mainwp-ui-page #wpadminbar,
1431 .mainwp-ui-leftmenu.mainwp-ui-page #adminmenumain,
1432 .mainwp-ui-leftmenu.mainwp-ui-page #screen-meta-links,
1433 .mainwp-ui-leftmenu.mainwp-ui-page #wpfooter {
1434 display: none;
1435 }
1436
1437 .mainwp-ui-leftmenu.mainwp-ui-page #wpcontent {
1438 margin-left: 0;
1439 padding-left: 0;
1440 }
1441
1442 #wpcontent h2 {
1443 display: block;
1444 }
1445
1446 .mainwp-modal-progress {
1447 margin-top: 0 !important;
1448 }
1449
1450 .mainwp-browse-themes .theme .image>img {
1451 width: 100%;
1452 }
1453
1454 #themes-loading {
1455 display: none;
1456 }
1457
1458 .loading-content #themes-loading {
1459 display: block;
1460 }
1461
1462 body.show-upload-theme .mainwp-content-wrap .mainwp-upload-theme+.mainwp-browse-themes {
1463 display: none;
1464 }
1465
1466 body.show-upload-theme .mainwp-content-wrap .mainwp-upload-theme {
1467 display: block;
1468 }
1469
1470 .mainwp-content-wrap .mainwp-upload-theme {
1471 padding: 0 !important;
1472 display: none;
1473 }
1474
1475 /* to fix css issue */
1476 #mainwp-emails-settings-table.dataTable.table td span,
1477 #mainwp-emails-settings-table.dataTable.table th span,
1478 .mainwp-manage-wpsites-table.dataTable.table td span,
1479 .mainwp-manage-wpsites-table.dataTable.table th span {
1480 -webkit-box-sizing: border-box !important;
1481 box-sizing: border-box !important;
1482 }
1483
1484 .mainwp-quick-setup .ui.divider {
1485 margin: 0 !important;
1486 height: 1rem !important;
1487 }
1488
1489 .mainwp-quick-setup .ui.secondary.segment {
1490 box-shadow: none;
1491 }
1492
1493 .trigger-all-accordion .trigger-handle-arrow .down.icon,
1494 .trigger-all-accordion.active .trigger-handle-arrow .right.icon {
1495 display: none;
1496 }
1497
1498 .trigger-all-accordion.active .trigger-handle-arrow .down.icon,
1499 .trigger-all-accordion .trigger-handle-arrow .right.icon {
1500 display: block;
1501 }
1502
1503 .trigger-all-accordion,
1504 .indicator-accordion-sorting {
1505 cursor: pointer;
1506 }
1507
1508 .indicator-accordion-sorting {
1509 z-index: 999 !important;
1510 }
1511
1512 .indicator-accordion-sorting .down.icon,
1513 .indicator-accordion-sorting .up.icon {
1514 display: none;
1515 }
1516
1517 .indicator-accordion-sorting.descending .down.icon,
1518 .indicator-accordion-sorting.ascending .up.icon,
1519 .indicator-accordion-sorting.ascending .sort.icon,
1520 .indicator-accordion-sorting.descending .sort.icon {
1521 display: none;
1522 }
1523
1524 .indicator-accordion-sorting.ascending .up.icon,
1525 .indicator-accordion-sorting.descending .down.icon {
1526 display: inline-block;
1527 }
1528
1529
1530 th .sort.icon,
1531 th .up.icon,
1532 th .down.icon {
1533 float: right;
1534 }
1535
1536 .trigger-handle-arrow .icon {
1537 float: left;
1538 }
1539
1540 #mainwp-themes-content td.child-active {
1541 background: #e3ffa7 !important;
1542 }
1543
1544 .mainwp-ui #wpbody-content .notice.notice-success,
1545 .mainwp-ui #wpbody-content .notice.notice-info,
1546 .mainwp-ui #wpbody-content .notice.notice-error,
1547 .mainwp-ui #wpbody-content .notice.notice-warrning {
1548 margin-left: 190px !important;
1549 }
1550
1551 .mainwp_selected_sites_item.item.warning label {
1552 color: red;
1553 }
1554
1555 .settings-field-icon-indicator {
1556 margin-left: -12px !important;
1557 display: none !important;
1558 }
1559
1560 .settings-field-icon-indicator.visible-indicator {
1561 display: inline-block !important;
1562 }
1563
1564 .category-select-item-sub1 {
1565 padding-left: 35px !important;
1566 }
1567
1568 .category-select-item-sub2 {
1569 padding-left: 45px !important;
1570 }
1571
1572 .category-select-item-sub3 {
1573 padding-left: 65px !important;
1574 }
1575
1576 .category-select-item-sub4 {
1577 padding-left: 85px !important;
1578 }
1579
1580 .category-select-item-sub5 {
1581 padding-left: 105px !important;
1582 }
1583
1584 .mainwp-get-started-widget-check-lists .item {
1585 line-height: 2rem !important;
1586 }
1587
1588 .mainwp-ui .qq-upload-drop-area {
1589 min-width: 100%;
1590 padding: 50px;
1591 margin-top: 20px;
1592 border: 5px dashed #999999 !important;
1593 display: none;
1594 }
1595
1596 .mainwp-get-started-widget-check-lists .item .content {
1597 width: auto !important;
1598 }
1599
1600 #mainw_managesites_add_edit_site_upload_custom_icon,
1601 #mainwp_add_edit_client_upload_custom_icon,
1602 .mainwp_add_edit_contact_upload_custom_icon {
1603 margin-left: 30px !important;
1604 }
1605
1606 .qq-upload-completed .qq-upload-cancel,
1607 .qq-upload-completed .qq-upload-percent {
1608 display: none !important;
1609 }
1610
1611 #mainwp-install-themes .qq-upload-success .qq-upload-add-to-favorites,
1612 #mainwp-install-plugins .qq-upload-success .qq-upload-add-to-favorites {
1613 display: inline-block !important;
1614 /* display on those pages, hide on other extension pages. */
1615 }
1616
1617 .mainwp-sites-select-deselect-button {
1618 border: none !important;
1619 box-shadow: none !important;
1620 background-color: inherit !important;
1621 }
1622
1623 .mainwp-sites-select-deselect-button:hover {
1624 background-color: inherit !important;
1625 }
1626
1627 #mainwp-first-level-navigation-menu #leftbar-item-quick-setup {
1628 padding-left: 5px !important;
1629 padding-right: 5px !important;
1630 }
1631
1632 #mainwp-first-level-navigation-menu #leftbar-item-quick-setup i,
1633 #mainwp-first-level-navigation-menu #leftbar-item-quick-setup span {
1634 color: #1c1d1b !important;
1635 }
1636
1637 .mainwp-default-theme #mainwp-first-level-navigation-menu #leftbar-item-quick-setup i,
1638 .mainwp-default-theme #mainwp-first-level-navigation-menu #leftbar-item-quick-setup span {
1639 color: var(--grey-dark) !important;
1640 }
1641 .mainwp-ui tr.selected.none-selected-color > *{
1642 box-shadow: none !important;
1643 }
1644 .ui.popup:has(> .mainwp-html-popup-body){
1645 background-color: black !important;
1646 color: white !important;
1647 max-width: 600px !important;
1648 border: none !important;
1649 box-shadow: 1px 3px 3px 0 rgba(0, 0, 0, 0.2), 1px 3px 15px 2px rgba(0, 0, 0, 0.2) !important;
1650 flex: 0 0 auto;
1651 border-radius: 0.28571429rem !important;
1652 -webkit-user-select: text;
1653 -ms-user-select: text;
1654 user-select: text;
1655 will-change: top, left, margin, transform, opacity;
1656 outline: none;
1657 animation-duration: .1s;
1658 }
1659 .ui.popup:has(> .mainwp-html-popup-body)::before{
1660 background-color: black !important;
1661 }