PluginProbe
MainWP Dashboard: Self-hosted WordPress Management for Agencies / 5.1.1
MainWP Dashboard: Self-hosted WordPress Management for Agencies v5.1.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.1, at assets/css/mainwp.css

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