Disable Comments - Version 2.2.4

Version Description

Release Info

Developer	wpdevteam
Plugin	Disable Comments
Version	2.2.4
Comparing to
See all releases

Code changes from version 2.2.3 to 2.2.4

Files changed (12) hide show

assets/css/pagination.css +1 -0
assets/css/style.css +921 -111
assets/img/search.svg +4 -0
assets/js/disable-comments-settings-scripts.js +139 -31
assets/js/pagination.min.js +1123 -0
disable-comments.php +74 -34
languages/disable-comments.pot +59 -55
readme.txt +7 -1
views/partials/_delete.php +3 -20
views/partials/_disable.php +3 -23
views/partials/_sites.php +46 -0
views/settings.php +1 -1

assets/css/pagination.css ADDED Viewed

	@@ -0,0 +1 @@

+ .paginationjs{line-height:1.6;font-family:Marmelad,"Lucida Grande",Arial,"Hiragino Sans GB",Georgia,sans-serif;font-size:14px;box-sizing:initial}.paginationjs:after{display:table;content:" ";clear:both}.paginationjs .paginationjs-pages{float:left}.paginationjs .paginationjs-pages ul{float:left;margin:0;padding:0}.paginationjs .paginationjs-go-button,.paginationjs .paginationjs-go-input,.paginationjs .paginationjs-nav{float:left;margin-left:10px;font-size:14px}.paginationjs .paginationjs-pages li{float:left;border:1px solid #aaa;border-right:none;list-style:none}.paginationjs .paginationjs-pages li>a{min-width:30px;height:28px;line-height:28px;display:block;background:#fff;font-size:14px;color:#333;text-decoration:none;text-align:center}.paginationjs .paginationjs-pages li>a:hover{background:#eee}.paginationjs .paginationjs-pages li.active{border:none}.paginationjs .paginationjs-pages li.active>a{height:30px;line-height:30px;background:#aaa;color:#fff}.paginationjs .paginationjs-pages li.disabled>a{opacity:.3}.paginationjs .paginationjs-pages li.disabled>a:hover{background:0 0}.paginationjs .paginationjs-pages li:first-child,.paginationjs .paginationjs-pages li:first-child>a{border-radius:3px 0 0 3px}.paginationjs .paginationjs-pages li:last-child{border-right:1px solid #aaa;border-radius:0 3px 3px 0}.paginationjs .paginationjs-pages li:last-child>a{border-radius:0 3px 3px 0}.paginationjs .paginationjs-go-input>input[type=text]{width:30px;height:28px;background:#fff;border-radius:3px;border:1px solid #aaa;padding:0;font-size:14px;text-align:center;vertical-align:baseline;outline:0;box-shadow:none;box-sizing:initial}.paginationjs .paginationjs-go-button>input[type=button]{min-width:40px;height:30px;line-height:28px;background:#fff;border-radius:3px;border:1px solid #aaa;text-align:center;padding:0 8px;font-size:14px;vertical-align:baseline;outline:0;box-shadow:none;color:#333;cursor:pointer;vertical-align:middle\9}.paginationjs.paginationjs-theme-blue .paginationjs-go-input>input[type=text],.paginationjs.paginationjs-theme-blue .paginationjs-pages li{border-color:#289de9}.paginationjs .paginationjs-go-button>input[type=button]:hover{background-color:#f8f8f8}.paginationjs .paginationjs-nav{height:30px;line-height:30px}.paginationjs .paginationjs-go-button,.paginationjs .paginationjs-go-input{margin-left:5px\9}.paginationjs.paginationjs-small{font-size:12px}.paginationjs.paginationjs-small .paginationjs-pages li>a{min-width:26px;height:24px;line-height:24px;font-size:12px}.paginationjs.paginationjs-small .paginationjs-pages li.active>a{height:26px;line-height:26px}.paginationjs.paginationjs-small .paginationjs-go-input{font-size:12px}.paginationjs.paginationjs-small .paginationjs-go-input>input[type=text]{width:26px;height:24px;font-size:12px}.paginationjs.paginationjs-small .paginationjs-go-button{font-size:12px}.paginationjs.paginationjs-small .paginationjs-go-button>input[type=button]{min-width:30px;height:26px;line-height:24px;padding:0 6px;font-size:12px}.paginationjs.paginationjs-small .paginationjs-nav{height:26px;line-height:26px;font-size:12px}.paginationjs.paginationjs-big{font-size:16px}.paginationjs.paginationjs-big .paginationjs-pages li>a{min-width:36px;height:34px;line-height:34px;font-size:16px}.paginationjs.paginationjs-big .paginationjs-pages li.active>a{height:36px;line-height:36px}.paginationjs.paginationjs-big .paginationjs-go-input{font-size:16px}.paginationjs.paginationjs-big .paginationjs-go-input>input[type=text]{width:36px;height:34px;font-size:16px}.paginationjs.paginationjs-big .paginationjs-go-button{font-size:16px}.paginationjs.paginationjs-big .paginationjs-go-button>input[type=button]{min-width:50px;height:36px;line-height:34px;padding:0 12px;font-size:16px}.paginationjs.paginationjs-big .paginationjs-nav{height:36px;line-height:36px;font-size:16px}.paginationjs.paginationjs-theme-blue .paginationjs-pages li>a{color:#289de9}.paginationjs.paginationjs-theme-blue .paginationjs-pages li>a:hover{background:#e9f4fc}.paginationjs.paginationjs-theme-blue .paginationjs-pages li.active>a{background:#289de9;color:#fff}.paginationjs.paginationjs-theme-blue .paginationjs-pages li.disabled>a:hover{background:0 0}.paginationjs.paginationjs-theme-blue .paginationjs-go-button>input[type=button]{background:#289de9;border-color:#289de9;color:#fff}.paginationjs.paginationjs-theme-green .paginationjs-go-input>input[type=text],.paginationjs.paginationjs-theme-green .paginationjs-pages li{border-color:#449d44}.paginationjs.paginationjs-theme-blue .paginationjs-go-button>input[type=button]:hover{background-color:#3ca5ea}.paginationjs.paginationjs-theme-green .paginationjs-pages li>a{color:#449d44}.paginationjs.paginationjs-theme-green .paginationjs-pages li>a:hover{background:#ebf4eb}.paginationjs.paginationjs-theme-green .paginationjs-pages li.active>a{background:#449d44;color:#fff}.paginationjs.paginationjs-theme-green .paginationjs-pages li.disabled>a:hover{background:0 0}.paginationjs.paginationjs-theme-green .paginationjs-go-button>input[type=button]{background:#449d44;border-color:#449d44;color:#fff}.paginationjs.paginationjs-theme-yellow .paginationjs-go-input>input[type=text],.paginationjs.paginationjs-theme-yellow .paginationjs-pages li{border-color:#ec971f}.paginationjs.paginationjs-theme-green .paginationjs-go-button>input[type=button]:hover{background-color:#55a555}.paginationjs.paginationjs-theme-yellow .paginationjs-pages li>a{color:#ec971f}.paginationjs.paginationjs-theme-yellow .paginationjs-pages li>a:hover{background:#fdf5e9}.paginationjs.paginationjs-theme-yellow .paginationjs-pages li.active>a{background:#ec971f;color:#fff}.paginationjs.paginationjs-theme-yellow .paginationjs-pages li.disabled>a:hover{background:0 0}.paginationjs.paginationjs-theme-yellow .paginationjs-go-button>input[type=button]{background:#ec971f;border-color:#ec971f;color:#fff}.paginationjs.paginationjs-theme-red .paginationjs-go-input>input[type=text],.paginationjs.paginationjs-theme-red .paginationjs-pages li{border-color:#c9302c}.paginationjs.paginationjs-theme-yellow .paginationjs-go-button>input[type=button]:hover{background-color:#eea135}.paginationjs.paginationjs-theme-red .paginationjs-pages li>a{color:#c9302c}.paginationjs.paginationjs-theme-red .paginationjs-pages li>a:hover{background:#faeaea}.paginationjs.paginationjs-theme-red .paginationjs-pages li.active>a{background:#c9302c;color:#fff}.paginationjs.paginationjs-theme-red .paginationjs-pages li.disabled>a:hover{background:0 0}.paginationjs.paginationjs-theme-red .paginationjs-go-button>input[type=button]{background:#c9302c;border-color:#c9302c;color:#fff}.paginationjs.paginationjs-theme-red .paginationjs-go-button>input[type=button]:hover{background-color:#ce4541}.paginationjs .paginationjs-pages li.paginationjs-next{border-right:1px solid #aaa\9}.paginationjs .paginationjs-go-input>input[type=text]{line-height:28px\9;vertical-align:middle\9}.paginationjs.paginationjs-big .paginationjs-pages li>a{line-height:36px\9}.paginationjs.paginationjs-big .paginationjs-go-input>input[type=text]{height:36px\9;line-height:36px\9}

assets/css/style.css CHANGED Viewed

	@@ -8,6 +8,7 @@
8	--base-spacer-y: 16px;
9	--b-radius-6: 25px;
10	}

11	@media (max-width: 1599.98px) {
12	:root {
13	--base-gutter: 20px;
	@@ -16,6 +17,7 @@
16	--xl-gutter: 70px;
17	}
18	}

19	@media (max-width: 1399.98px) {
20	:root {
21	--base-gutter: 20px;
	@@ -24,6 +26,7 @@
24	--xl-gutter: 50px;
25	}
26	}

27	@media (max-width: 1199.98px) {
28	:root {
29	--base-spacer-x: 10px;
	@@ -33,6 +36,7 @@
33	--xl-gutter: 40px;
34	}
35	}

36	@media (max-width: 991.98px) {
37	:root {
38	--base-spacer-x: 5px;
	@@ -54,48 +58,69 @@
54	color: #000000;
55	outline: none;
56	border: none;
57	- box-sizing: border-box;

58	overflow: hidden;
59	-webkit-display: flex;
60	-moz-display: flex;
61	-ms-display: flex;
62	-o-display: flex;

63	display: flex;
64	-moz-flex-direction: column;

65	-o-flex-direction: column;
66	- ~~flex~~-~~direction~~: ~~column~~;


67	}

68	.disablecommentswrap * {
69	- box-sizing: border-box;






70	}

71	.disablecommentswrap ::selection {
72	color: #ffffff;
73	background: rgba(98, 60, 234, 0.8);
74	}

75	.disablecommentswrap ul,
76	.disablecommentswrap li {
77	list-style: none;
78	}

79	.disablecommentswrap a {
80	color: initial;

81	transition: all 0.3s linear;
82	text-decoration: none;
83	display: inline-block;
84	}

85	.disablecommentswrap label {
86	margin-bottom: 0;
87	}

88	.disablecommentswrap .button {
89	vertical-align: middle;
90	font-family: "DM Sans", sans-serif;
91	font-weight: 500;
92	}

93	.disablecommentswrap .button:hover, .disablecommentswrap .button:focus {
94	outline: none;
95	}

96	.disablecommentswrap .button:not(:disabled) {
97	cursor: pointer;
98	}

99	.disablecommentswrap h1,
100	.disablecommentswrap h2,
101	.disablecommentswrap h3,
	@@ -106,6 +131,7 @@
106	margin: 0;
107	padding: 0;
108	}

109	.disablecommentswrap h1,
110	.disablecommentswrap h2,
111	.disablecommentswrap h3,
	@@ -119,6 +145,7 @@
119	margin-bottom: 0;
120	color: inherit;
121	}

122	.disablecommentswrap h1 a,
123	.disablecommentswrap h2 a,
124	.disablecommentswrap h3 a,
	@@ -127,6 +154,7 @@
127	.disablecommentswrap h6 a {
128	color: inherit;
129	}

130	.disablecommentswrap h1 a:hover,
131	.disablecommentswrap h2 a:hover,
132	.disablecommentswrap h3 a:hover,
	@@ -135,10 +163,12 @@
135	.disablecommentswrap h6 a:hover {
136	color: inherit;
137	}

138	.disablecommentswrap ul,
139	.disablecommentswrap ol {
140	margin-bottom: 0;
141	}

142	.disablecommentswrap img,
143	.disablecommentswrap video {
144	max-width: 100%;
	@@ -200,6 +230,22 @@
200	padding-bottom: 300px;
201	}
202
















203	.mt20 {
204	margin-top: 20px;
205	}
	@@ -254,7 +300,8 @@
254
255	a.color__primary:hover, a.color__primary:focus {
256	color: #4218db;
257	- box-shadow: none;

258	}
259
260	.color__secondary {
	@@ -263,7 +310,8 @@ a.color__primary:hover, a.color__primary:focus {
263
264	a.color__secondary:hover, a.color__secondary:focus {
265	color: #f9581f;
266	- box-shadow: none;

267	}
268
269	.color__success {
	@@ -272,7 +320,8 @@ a.color__secondary:hover, a.color__secondary:focus {
272
273	a.color__success:hover, a.color__success:focus {
274	color: #049951;
275	- box-shadow: none;

276	}
277
278	.color__danger {
	@@ -281,7 +330,8 @@ a.color__success:hover, a.color__success:focus {
281
282	a.color__danger:hover, a.color__danger:focus {
283	color: #ae0514;
284	- box-shadow: none;

285	}
286
287	.color__info {
	@@ -290,7 +340,8 @@ a.color__danger:hover, a.color__danger:focus {
290
291	a.color__info:hover, a.color__info:focus {
292	color: #008ec9;
293	- box-shadow: none;

294	}
295
296	.color__dark {
	@@ -299,7 +350,8 @@ a.color__info:hover, a.color__info:focus {
299
300	a.color__dark:hover, a.color__dark:focus {
301	color: #0c0e10;
302	- box-shadow: none;

303	}
304
305	.color__white {
	@@ -308,7 +360,8 @@ a.color__dark:hover, a.color__dark:focus {
308
309	a.color__white:hover, a.color__white:focus {
310	color: #e6e6e6;
311	- box-shadow: none;

312	}
313
314	.color__black {
	@@ -321,7 +374,8 @@ a.color__white:hover, a.color__white:focus {
321
322	a.color__grey:hover, a.color__grey:focus {
323	color: #ccd5f1;
324	- box-shadow: none;

325	}
326
327	.color__grey2 {
	@@ -330,7 +384,8 @@ a.color__grey:hover, a.color__grey:focus {
330
331	a.color__grey2:hover, a.color__grey2:focus {
332	color: #657389;
333	- box-shadow: none;

334	}
335
336	.color__twitter {
	@@ -339,7 +394,8 @@ a.color__grey2:hover, a.color__grey2:focus {
339
340	a.color__twitter:hover, a.color__twitter:focus {
341	color: #0c85d0;
342	- box-shadow: none;

343	}
344
345	.color__linkedin {
	@@ -348,7 +404,8 @@ a.color__twitter:hover, a.color__twitter:focus {
348
349	a.color__linkedin:hover, a.color__linkedin:focus {
350	color: #005582;
351	- box-shadow: none;

352	}
353
354	.color__instagram {
	@@ -357,7 +414,8 @@ a.color__linkedin:hover, a.color__linkedin:focus {
357
358	a.color__instagram:hover, a.color__instagram:focus {
359	color: #c21c54;
360	- box-shadow: none;

361	}
362
363	.background__primary {
	@@ -413,131 +471,157 @@ a.color__instagram:hover, a.color__instagram:focus {
413	}
414
415	.gradient__primary {

416	background-image: linear-gradient(180deg, rgba(98, 60, 234, 0.3), rgba(98, 60, 234, 0.05));
417	color: #623cea;
418	}
419
420	.gradient__secondary {

421	background-image: linear-gradient(180deg, rgba(250, 125, 81, 0.3), rgba(250, 125, 81, 0.05));
422	color: #fa7d51;
423	}
424
425	.gradient__success {

426	background-image: linear-gradient(180deg, rgba(5, 203, 107, 0.3), rgba(5, 203, 107, 0.05));
427	color: #05cb6b;
428	}
429
430	.gradient__danger {

431	background-image: linear-gradient(180deg, rgba(224, 6, 26, 0.3), rgba(224, 6, 26, 0.05));
432	color: #e0061a;
433	}
434
435	.gradient__info {

436	background-image: linear-gradient(180deg, rgba(0, 178, 252, 0.3), rgba(0, 178, 252, 0.05));
437	color: #00b2fc;
438	}
439
440	.gradient__dark {

441	background-image: linear-gradient(180deg, rgba(34, 40, 45, 0.3), rgba(34, 40, 45, 0.05));
442	color: #22282d;
443	}
444
445	.gradient__white {

446	background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05));
447	color: #ffffff;
448	}
449
450	.gradient__black {

451	background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.05));
452	color: #000000;
453	}
454
455	.gradient__grey {

456	background-image: linear-gradient(180deg, rgba(244, 246, 252, 0.3), rgba(244, 246, 252, 0.05));
457	color: #f4f6fc;
458	}
459
460	.gradient__grey2 {

461	background-image: linear-gradient(180deg, rgba(128, 141, 161, 0.3), rgba(128, 141, 161, 0.05));
462	color: #808da1;
463	}
464
465	.gradient__twitter {

466	background-image: linear-gradient(180deg, rgba(29, 161, 242, 0.3), rgba(29, 161, 242, 0.05));
467	color: #1da1f2;
468	}
469
470	.gradient__linkedin {

471	background-image: linear-gradient(180deg, rgba(0, 119, 181, 0.3), rgba(0, 119, 181, 0.05));
472	color: #0077b5;
473	}
474
475	.gradient__instagram {

476	background-image: linear-gradient(180deg, rgba(225, 48, 108, 0.3), rgba(225, 48, 108, 0.05));
477	color: #e1306c;
478	}
479
480	.cloud__info__card__icon__primary {

481	background-image: linear-gradient(180deg, rgba(98, 60, 234, 0.3), rgba(98, 60, 234, 0.05));
482	color: #623cea;
483	}
484
485	.cloud__info__card__icon__secondary {

486	background-image: linear-gradient(180deg, rgba(250, 125, 81, 0.3), rgba(250, 125, 81, 0.05));
487	color: #fa7d51;
488	}
489
490	.cloud__info__card__icon__success {

491	background-image: linear-gradient(180deg, rgba(5, 203, 107, 0.3), rgba(5, 203, 107, 0.05));
492	color: #05cb6b;
493	}
494
495	.cloud__info__card__icon__danger {

496	background-image: linear-gradient(180deg, rgba(224, 6, 26, 0.3), rgba(224, 6, 26, 0.05));
497	color: #e0061a;
498	}
499
500	.cloud__info__card__icon__info {

501	background-image: linear-gradient(180deg, rgba(0, 178, 252, 0.3), rgba(0, 178, 252, 0.05));
502	color: #00b2fc;
503	}
504
505	.cloud__info__card__icon__dark {

506	background-image: linear-gradient(180deg, rgba(34, 40, 45, 0.3), rgba(34, 40, 45, 0.05));
507	color: #22282d;
508	}
509
510	.cloud__info__card__icon__white {

511	background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05));
512	color: #ffffff;
513	}
514
515	.cloud__info__card__icon__black {

516	background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.05));
517	color: #000000;
518	}
519
520	.cloud__info__card__icon__grey {

521	background-image: linear-gradient(180deg, rgba(244, 246, 252, 0.3), rgba(244, 246, 252, 0.05));
522	color: #f4f6fc;
523	}
524
525	.cloud__info__card__icon__grey2 {

526	background-image: linear-gradient(180deg, rgba(128, 141, 161, 0.3), rgba(128, 141, 161, 0.05));
527	color: #808da1;
528	}
529
530	.cloud__info__card__icon__twitter {

531	background-image: linear-gradient(180deg, rgba(29, 161, 242, 0.3), rgba(29, 161, 242, 0.05));
532	color: #1da1f2;
533	}
534
535	.cloud__info__card__icon__linkedin {

536	background-image: linear-gradient(180deg, rgba(0, 119, 181, 0.3), rgba(0, 119, 181, 0.05));
537	color: #0077b5;
538	}
539
540	.cloud__info__card__icon__instagram {

541	background-image: linear-gradient(180deg, rgba(225, 48, 108, 0.3), rgba(225, 48, 108, 0.05));
542	color: #e1306c;
543	}
	@@ -546,9 +630,11 @@ a.color__instagram:hover, a.color__instagram:focus {
546	color: white;
547	background: #623cea;
548	}

549	.counter__card__primary .counter__card--icon:before {
550	background: #623cea;
551	}

552	.counter__card__primary .counter__card--content .count__number {
553	color: #623cea;
554	}
	@@ -557,9 +643,11 @@ a.color__instagram:hover, a.color__instagram:focus {
557	color: white;
558	background: #fa7d51;
559	}

560	.counter__card__secondary .counter__card--icon:before {
561	background: #fa7d51;
562	}

563	.counter__card__secondary .counter__card--content .count__number {
564	color: #fa7d51;
565	}
	@@ -568,9 +656,11 @@ a.color__instagram:hover, a.color__instagram:focus {
568	color: white;
569	background: #05cb6b;
570	}

571	.counter__card__success .counter__card--icon:before {
572	background: #05cb6b;
573	}

574	.counter__card__success .counter__card--content .count__number {
575	color: #05cb6b;
576	}
	@@ -579,9 +669,11 @@ a.color__instagram:hover, a.color__instagram:focus {
579	color: white;
580	background: #e0061a;
581	}

582	.counter__card__danger .counter__card--icon:before {
583	background: #e0061a;
584	}

585	.counter__card__danger .counter__card--content .count__number {
586	color: #e0061a;
587	}
	@@ -590,9 +682,11 @@ a.color__instagram:hover, a.color__instagram:focus {
590	color: white;
591	background: #00b2fc;
592	}

593	.counter__card__info .counter__card--icon:before {
594	background: #00b2fc;
595	}

596	.counter__card__info .counter__card--content .count__number {
597	color: #00b2fc;
598	}
	@@ -601,9 +695,11 @@ a.color__instagram:hover, a.color__instagram:focus {
601	color: white;
602	background: #22282d;
603	}

604	.counter__card__dark .counter__card--icon:before {
605	background: #22282d;
606	}

607	.counter__card__dark .counter__card--content .count__number {
608	color: #22282d;
609	}
	@@ -612,9 +708,11 @@ a.color__instagram:hover, a.color__instagram:focus {
612	color: #22282d;
613	background: #ffffff;
614	}

615	.counter__card__white .counter__card--icon:before {
616	background: #ffffff;
617	}

618	.counter__card__white .counter__card--content .count__number {
619	color: #ffffff;
620	}
	@@ -623,9 +721,11 @@ a.color__instagram:hover, a.color__instagram:focus {
623	color: white;
624	background: #000000;
625	}

626	.counter__card__black .counter__card--icon:before {
627	background: #000000;
628	}

629	.counter__card__black .counter__card--content .count__number {
630	color: #000000;
631	}
	@@ -634,9 +734,11 @@ a.color__instagram:hover, a.color__instagram:focus {
634	color: #22282d;
635	background: #f4f6fc;
636	}

637	.counter__card__grey .counter__card--icon:before {
638	background: #f4f6fc;
639	}

640	.counter__card__grey .counter__card--content .count__number {
641	color: #f4f6fc;
642	}
	@@ -645,9 +747,11 @@ a.color__instagram:hover, a.color__instagram:focus {
645	color: white;
646	background: #808da1;
647	}

648	.counter__card__grey2 .counter__card--icon:before {
649	background: #808da1;
650	}

651	.counter__card__grey2 .counter__card--content .count__number {
652	color: #808da1;
653	}
	@@ -656,9 +760,11 @@ a.color__instagram:hover, a.color__instagram:focus {
656	color: white;
657	background: #1da1f2;
658	}

659	.counter__card__twitter .counter__card--icon:before {
660	background: #1da1f2;
661	}

662	.counter__card__twitter .counter__card--content .count__number {
663	color: #1da1f2;
664	}
	@@ -667,9 +773,11 @@ a.color__instagram:hover, a.color__instagram:focus {
667	color: white;
668	background: #0077b5;
669	}

670	.counter__card__linkedin .counter__card--icon:before {
671	background: #0077b5;
672	}

673	.counter__card__linkedin .counter__card--content .count__number {
674	color: #0077b5;
675	}
	@@ -678,9 +786,11 @@ a.color__instagram:hover, a.color__instagram:focus {
678	color: white;
679	background: #e1306c;
680	}

681	.counter__card__instagram .counter__card--icon:before {
682	background: #e1306c;
683	}

684	.counter__card__instagram .counter__card--content .count__number {
685	color: #e1306c;
686	}
	@@ -1148,16 +1258,19 @@ a.color__instagram:hover, a.color__instagram:focus {
1148	.disablecommentswrap {
1149	padding: 30px;
1150	}

1151	@media (max-width: 575.98px) {
1152	.disablecommentswrap {
1153	padding: 30px;
1154	}
1155	}

1156	.disablecommentswrap .delete-comments-not-found {
1157	width: 60%;
1158	margin: 0 auto;
1159	text-align: center;
1160	}

1161	.disablecommentswrap .delete-comments-not-found .error-message {
1162	margin-top: 30px;
1163	color: #444;
	@@ -1174,11 +1287,13 @@ a.color__instagram:hover, a.color__instagram:focus {
1174	padding: 20px;
1175	border-radius: 10px;
1176	}

1177	.dc-text__block__big__pad {
1178	padding: 40px 50px;
1179	background: #ffffff;
1180	border-radius: 10px;
1181	}

1182	@media (max-width: 767.98px) {
1183	.dc-text__block__big__pad {
1184	padding: 40px 25px;
	@@ -1192,15 +1307,21 @@ a.color__instagram:hover, a.color__instagram:focus {
1192	}
1193
1194	.dc-row {


1195	display: flex;
1196	- flex-wrap: wrap;

1197	margin-right: -15px;
1198	margin-left: -15px;
1199	}
1200
1201	.dc-col {
1202	- flex-~~basis~~: 0;
1203	- flex-~~grow~~: 1;



1204	max-width: 100%;
1205	}
1206
	@@ -1218,61 +1339,114 @@ a.color__instagram:hover, a.color__instagram:focus {
1218
1219	@media (min-width: 576px) {
1220	.dc-col-xs-6 {
1221	- flex: 0 ~~0 50%;~~


1222	max-width: 50%;
1223	}
1224	}

1225	@media (min-width: 768px) {
1226	.dc-col-sm-6 {
1227	- flex: 0 ~~0 50%;~~


1228	max-width: 50%;
1229	}
1230	}

1231	@media (min-width: 992px) {
1232	.dc-col-md-6 {
1233	- flex: 0 ~~0 50%;~~


1234	max-width: 50%;
1235	}
1236	}

1237	@media (min-width: 1200px) {
1238	.dc-col-lg-3 {
1239	- flex: 0 ~~0 25%;~~


1240	max-width: 25%;
1241	}
1242	-
1243	.dc-col-lg-4 {
1244	- flex: 0 ~~0 33.33%;~~


1245	max-width: 33.33%;
1246	}
1247	-
1248	.dc-col-lg-9 {
1249	- flex: 0 ~~0 75%;~~


1250	max-width: 75%;
1251	}
1252	}

1253	.form__control {
1254	border: 1px solid rgba(0, 0, 0, 0.15) !important;
1255	}
1256






























1257	.button__primary:not(.hover__highlight) {
1258	background: #623cea;
1259	color: white;
1260	border-color: #623cea;

1261	transition: all 0.3s ease-in-out 0s;



1262	transition-property: background, color, box-shadow, border;

1263	}

1264	.button__primary:not(.hover__highlight):disabled {
1265	cursor: not-allowed;
1266	background: #fa7d51;
1267	}

1268	.button__primary:not(.hover__highlight) .icon {
1269	color: #623cea;
1270	background: white;
1271	}

1272	.button__primary.hover__highlight {
1273	color: #623cea;
1274	border-color: rgba(98, 60, 234, 0.2);
1275	}

1276	.button__primary.hover__highlight .icon {
1277	background: #623cea;
1278	color: #ffffff;
	@@ -1286,13 +1460,16 @@ button.button__primary:hover {
1286	border-color: #4f25e8;
1287	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.3);
1288	}

1289	a.button__primary.active:disabled, a.button__primary:hover:disabled,
1290	button.button__primary.active:disabled,
1291	button.button__primary:hover:disabled {
1292	cursor: not-allowed;
1293	background: #fa7d51;
1294	- box-shadow: none;

1295	}

1296	a.button__primary.hover__highlight:hover .icon,
1297	button.button__primary.hover__highlight:hover .icon {
1298	background: white;
	@@ -1303,21 +1480,30 @@ button.button__primary.hover__highlight:hover .icon {
1303	background: #fa7d51;
1304	color: white;
1305	border-color: #fa7d51;

1306	transition: all 0.3s ease-in-out 0s;



1307	transition-property: background, color, box-shadow, border;

1308	}

1309	.button__secondary:not(.hover__highlight):disabled {
1310	cursor: not-allowed;
1311	background: #fa7d51;
1312	}

1313	.button__secondary:not(.hover__highlight) .icon {
1314	color: #fa7d51;
1315	background: white;
1316	}

1317	.button__secondary.hover__highlight {
1318	color: #623cea;
1319	border-color: rgba(98, 60, 234, 0.2);
1320	}

1321	.button__secondary.hover__highlight .icon {
1322	background: #623cea;
1323	color: #ffffff;
	@@ -1331,13 +1517,16 @@ button.button__secondary:hover {
1331	border-color: #f96a38;
1332	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.3);
1333	}

1334	a.button__secondary.active:disabled, a.button__secondary:hover:disabled,
1335	button.button__secondary.active:disabled,
1336	button.button__secondary:hover:disabled {
1337	cursor: not-allowed;
1338	background: #fa7d51;
1339	- box-shadow: none;

1340	}

1341	a.button__secondary.hover__highlight:hover .icon,
1342	button.button__secondary.hover__highlight:hover .icon {
1343	background: white;
	@@ -1348,21 +1537,30 @@ button.button__secondary.hover__highlight:hover .icon {
1348	background: #05cb6b;
1349	color: white;
1350	border-color: #05cb6b;

1351	transition: all 0.3s ease-in-out 0s;



1352	transition-property: background, color, box-shadow, border;

1353	}

1354	.button__success:not(.hover__highlight):disabled {
1355	cursor: not-allowed;
1356	background: #fa7d51;
1357	}

1358	.button__success:not(.hover__highlight) .icon {
1359	color: #05cb6b;
1360	background: white;
1361	}

1362	.button__success.hover__highlight {
1363	color: #623cea;
1364	border-color: rgba(98, 60, 234, 0.2);
1365	}

1366	.button__success.hover__highlight .icon {
1367	background: #623cea;
1368	color: #ffffff;
	@@ -1376,13 +1574,16 @@ button.button__success:hover {
1376	border-color: #04b25e;
1377	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.3);
1378	}

1379	a.button__success.active:disabled, a.button__success:hover:disabled,
1380	button.button__success.active:disabled,
1381	button.button__success:hover:disabled {
1382	cursor: not-allowed;
1383	background: #fa7d51;
1384	- box-shadow: none;

1385	}

1386	a.button__success.hover__highlight:hover .icon,
1387	button.button__success.hover__highlight:hover .icon {
1388	background: white;
	@@ -1393,21 +1594,30 @@ button.button__success.hover__highlight:hover .icon {
1393	background: #e0061a;
1394	color: white;
1395	border-color: #e0061a;

1396	transition: all 0.3s ease-in-out 0s;



1397	transition-property: background, color, box-shadow, border;

1398	}

1399	.button__danger:not(.hover__highlight):disabled {
1400	cursor: not-allowed;
1401	background: #fa7d51;
1402	}

1403	.button__danger:not(.hover__highlight) .icon {
1404	color: #e0061a;
1405	background: white;
1406	}

1407	.button__danger.hover__highlight {
1408	color: #623cea;
1409	border-color: rgba(98, 60, 234, 0.2);
1410	}

1411	.button__danger.hover__highlight .icon {
1412	background: #623cea;
1413	color: #ffffff;
	@@ -1421,13 +1631,16 @@ button.button__danger:hover {
1421	border-color: #c70517;
1422	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.3);
1423	}

1424	a.button__danger.active:disabled, a.button__danger:hover:disabled,
1425	button.button__danger.active:disabled,
1426	button.button__danger:hover:disabled {
1427	cursor: not-allowed;
1428	background: #fa7d51;
1429	- box-shadow: none;

1430	}

1431	a.button__danger.hover__highlight:hover .icon,
1432	button.button__danger.hover__highlight:hover .icon {
1433	background: white;
	@@ -1438,21 +1651,30 @@ button.button__danger.hover__highlight:hover .icon {
1438	background: #00b2fc;
1439	color: white;
1440	border-color: #00b2fc;

1441	transition: all 0.3s ease-in-out 0s;



1442	transition-property: background, color, box-shadow, border;

1443	}

1444	.button__info:not(.hover__highlight):disabled {
1445	cursor: not-allowed;
1446	background: #fa7d51;
1447	}

1448	.button__info:not(.hover__highlight) .icon {
1449	color: #00b2fc;
1450	background: white;
1451	}

1452	.button__info.hover__highlight {
1453	color: #623cea;
1454	border-color: rgba(98, 60, 234, 0.2);
1455	}

1456	.button__info.hover__highlight .icon {
1457	background: #623cea;
1458	color: #ffffff;
	@@ -1466,13 +1688,16 @@ button.button__info:hover {
1466	border-color: #00a0e3;
1467	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.3);
1468	}

1469	a.button__info.active:disabled, a.button__info:hover:disabled,
1470	button.button__info.active:disabled,
1471	button.button__info:hover:disabled {
1472	cursor: not-allowed;
1473	background: #fa7d51;
1474	- box-shadow: none;

1475	}

1476	a.button__info.hover__highlight:hover .icon,
1477	button.button__info.hover__highlight:hover .icon {
1478	background: white;
	@@ -1483,21 +1708,30 @@ button.button__info.hover__highlight:hover .icon {
1483	background: #22282d;
1484	color: white;
1485	border-color: #22282d;

1486	transition: all 0.3s ease-in-out 0s;



1487	transition-property: background, color, box-shadow, border;

1488	}

1489	.button__dark:not(.hover__highlight):disabled {
1490	cursor: not-allowed;
1491	background: #fa7d51;
1492	}

1493	.button__dark:not(.hover__highlight) .icon {
1494	color: #22282d;
1495	background: white;
1496	}

1497	.button__dark.hover__highlight {
1498	color: #623cea;
1499	border-color: rgba(98, 60, 234, 0.2);
1500	}

1501	.button__dark.hover__highlight .icon {
1502	background: #623cea;
1503	color: #ffffff;
	@@ -1511,13 +1745,16 @@ button.button__dark:hover {
1511	border-color: #171b1e;
1512	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.3);
1513	}

1514	a.button__dark.active:disabled, a.button__dark:hover:disabled,
1515	button.button__dark.active:disabled,
1516	button.button__dark:hover:disabled {
1517	cursor: not-allowed;
1518	background: #fa7d51;
1519	- box-shadow: none;

1520	}

1521	a.button__dark.hover__highlight:hover .icon,
1522	button.button__dark.hover__highlight:hover .icon {
1523	background: white;
	@@ -1528,21 +1765,30 @@ button.button__dark.hover__highlight:hover .icon {
1528	background: #ffffff;
1529	color: #623cea;
1530	border-color: #ffffff;

1531	transition: all 0.3s ease-in-out 0s;



1532	transition-property: background, color, box-shadow, border;

1533	}

1534	.button__white:not(.hover__highlight):disabled {
1535	cursor: not-allowed;
1536	background: #fa7d51;
1537	}

1538	.button__white:not(.hover__highlight) .icon {
1539	color: #ffffff;
1540	background: #623cea;
1541	}

1542	.button__white.hover__highlight {
1543	color: #623cea;
1544	border-color: rgba(98, 60, 234, 0.2);
1545	}

1546	.button__white.hover__highlight .icon {
1547	background: #623cea;
1548	color: #ffffff;
	@@ -1556,13 +1802,16 @@ button.button__white:hover {
1556	border-color: #f2f2f2;
1557	text-shadow: 0 1px 1px rgba(98, 60, 234, 0.3);
1558	}

1559	a.button__white.active:disabled, a.button__white:hover:disabled,
1560	button.button__white.active:disabled,
1561	button.button__white:hover:disabled {
1562	cursor: not-allowed;
1563	background: #fa7d51;
1564	- box-shadow: none;

1565	}

1566	a.button__white.hover__highlight:hover .icon,
1567	button.button__white.hover__highlight:hover .icon {
1568	background: #623cea;
	@@ -1573,21 +1822,30 @@ button.button__white.hover__highlight:hover .icon {
1573	background: #000000;
1574	color: white;
1575	border-color: #000000;

1576	transition: all 0.3s ease-in-out 0s;



1577	transition-property: background, color, box-shadow, border;

1578	}

1579	.button__black:not(.hover__highlight):disabled {
1580	cursor: not-allowed;
1581	background: #fa7d51;
1582	}

1583	.button__black:not(.hover__highlight) .icon {
1584	color: #000000;
1585	background: white;
1586	}

1587	.button__black.hover__highlight {
1588	color: #623cea;
1589	border-color: rgba(98, 60, 234, 0.2);
1590	}

1591	.button__black.hover__highlight .icon {
1592	background: #623cea;
1593	color: #ffffff;
	@@ -1598,8 +1856,10 @@ button.button__black.active:disabled,
1598	button.button__black:hover:disabled {
1599	cursor: not-allowed;
1600	background: #fa7d51;
1601	- box-shadow: none;

1602	}

1603	a.button__black.hover__highlight:hover .icon,
1604	button.button__black.hover__highlight:hover .icon {
1605	background: white;
	@@ -1610,21 +1870,30 @@ button.button__black.hover__highlight:hover .icon {
1610	background: #f4f6fc;
1611	color: #623cea;
1612	border-color: #f4f6fc;

1613	transition: all 0.3s ease-in-out 0s;



1614	transition-property: background, color, box-shadow, border;

1615	}

1616	.button__grey:not(.hover__highlight):disabled {
1617	cursor: not-allowed;
1618	background: #fa7d51;
1619	}

1620	.button__grey:not(.hover__highlight) .icon {
1621	color: #f4f6fc;
1622	background: #623cea;
1623	}

1624	.button__grey.hover__highlight {
1625	color: #623cea;
1626	border-color: rgba(98, 60, 234, 0.2);
1627	}

1628	.button__grey.hover__highlight .icon {
1629	background: #623cea;
1630	color: #ffffff;
	@@ -1638,13 +1907,16 @@ button.button__grey:hover {
1638	border-color: #e0e6f7;
1639	text-shadow: 0 1px 1px rgba(98, 60, 234, 0.3);
1640	}

1641	a.button__grey.active:disabled, a.button__grey:hover:disabled,
1642	button.button__grey.active:disabled,
1643	button.button__grey:hover:disabled {
1644	cursor: not-allowed;
1645	background: #fa7d51;
1646	- box-shadow: none;

1647	}

1648	a.button__grey.hover__highlight:hover .icon,
1649	button.button__grey.hover__highlight:hover .icon {
1650	background: #623cea;
	@@ -1655,21 +1927,30 @@ button.button__grey.hover__highlight:hover .icon {
1655	background: #808da1;
1656	color: white;
1657	border-color: #808da1;

1658	transition: all 0.3s ease-in-out 0s;



1659	transition-property: background, color, box-shadow, border;

1660	}

1661	.button__grey2:not(.hover__highlight):disabled {
1662	cursor: not-allowed;
1663	background: #fa7d51;
1664	}

1665	.button__grey2:not(.hover__highlight) .icon {
1666	color: #808da1;
1667	background: white;
1668	}

1669	.button__grey2.hover__highlight {
1670	color: #623cea;
1671	border-color: rgba(98, 60, 234, 0.2);
1672	}

1673	.button__grey2.hover__highlight .icon {
1674	background: #623cea;
1675	color: #ffffff;
	@@ -1683,13 +1964,16 @@ button.button__grey2:hover {
1683	border-color: #718096;
1684	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.3);
1685	}

1686	a.button__grey2.active:disabled, a.button__grey2:hover:disabled,
1687	button.button__grey2.active:disabled,
1688	button.button__grey2:hover:disabled {
1689	cursor: not-allowed;
1690	background: #fa7d51;
1691	- box-shadow: none;

1692	}

1693	a.button__grey2.hover__highlight:hover .icon,
1694	button.button__grey2.hover__highlight:hover .icon {
1695	background: white;
	@@ -1700,21 +1984,30 @@ button.button__grey2.hover__highlight:hover .icon {
1700	background: #1da1f2;
1701	color: white;
1702	border-color: #1da1f2;

1703	transition: all 0.3s ease-in-out 0s;



1704	transition-property: background, color, box-shadow, border;

1705	}

1706	.button__twitter:not(.hover__highlight):disabled {
1707	cursor: not-allowed;
1708	background: #fa7d51;
1709	}

1710	.button__twitter:not(.hover__highlight) .icon {
1711	color: #1da1f2;
1712	background: white;
1713	}

1714	.button__twitter.hover__highlight {
1715	color: #623cea;
1716	border-color: rgba(98, 60, 234, 0.2);
1717	}

1718	.button__twitter.hover__highlight .icon {
1719	background: #623cea;
1720	color: #ffffff;
	@@ -1728,13 +2021,16 @@ button.button__twitter:hover {
1728	border-color: #0d95e8;
1729	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.3);
1730	}

1731	a.button__twitter.active:disabled, a.button__twitter:hover:disabled,
1732	button.button__twitter.active:disabled,
1733	button.button__twitter:hover:disabled {
1734	cursor: not-allowed;
1735	background: #fa7d51;
1736	- box-shadow: none;

1737	}

1738	a.button__twitter.hover__highlight:hover .icon,
1739	button.button__twitter.hover__highlight:hover .icon {
1740	background: white;
	@@ -1745,21 +2041,30 @@ button.button__twitter.hover__highlight:hover .icon {
1745	background: #0077b5;
1746	color: white;
1747	border-color: #0077b5;

1748	transition: all 0.3s ease-in-out 0s;



1749	transition-property: background, color, box-shadow, border;

1750	}

1751	.button__linkedin:not(.hover__highlight):disabled {
1752	cursor: not-allowed;
1753	background: #fa7d51;
1754	}

1755	.button__linkedin:not(.hover__highlight) .icon {
1756	color: #0077b5;
1757	background: white;
1758	}

1759	.button__linkedin.hover__highlight {
1760	color: #623cea;
1761	border-color: rgba(98, 60, 234, 0.2);
1762	}

1763	.button__linkedin.hover__highlight .icon {
1764	background: #623cea;
1765	color: #ffffff;
	@@ -1773,13 +2078,16 @@ button.button__linkedin:hover {
1773	border-color: #00669c;
1774	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.3);
1775	}

1776	a.button__linkedin.active:disabled, a.button__linkedin:hover:disabled,
1777	button.button__linkedin.active:disabled,
1778	button.button__linkedin:hover:disabled {
1779	cursor: not-allowed;
1780	background: #fa7d51;
1781	- box-shadow: none;

1782	}

1783	a.button__linkedin.hover__highlight:hover .icon,
1784	button.button__linkedin.hover__highlight:hover .icon {
1785	background: white;
	@@ -1790,21 +2098,30 @@ button.button__linkedin.hover__highlight:hover .icon {
1790	background: #e1306c;
1791	color: white;
1792	border-color: #e1306c;

1793	transition: all 0.3s ease-in-out 0s;



1794	transition-property: background, color, box-shadow, border;

1795	}

1796	.button__instagram:not(.hover__highlight):disabled {
1797	cursor: not-allowed;
1798	background: #fa7d51;
1799	}

1800	.button__instagram:not(.hover__highlight) .icon {
1801	color: #e1306c;
1802	background: white;
1803	}

1804	.button__instagram.hover__highlight {
1805	color: #623cea;
1806	border-color: rgba(98, 60, 234, 0.2);
1807	}

1808	.button__instagram.hover__highlight .icon {
1809	background: #623cea;
1810	color: #ffffff;
	@@ -1818,13 +2135,16 @@ button.button__instagram:hover {
1818	border-color: #d81f5e;
1819	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.3);
1820	}

1821	a.button__instagram.active:disabled, a.button__instagram:hover:disabled,
1822	button.button__instagram.active:disabled,
1823	button.button__instagram:hover:disabled {
1824	cursor: not-allowed;
1825	background: #fa7d51;
1826	- box-shadow: none;

1827	}

1828	a.button__instagram.hover__highlight:hover .icon,
1829	button.button__instagram.hover__highlight:hover .icon {
1830	background: white;
	@@ -1841,22 +2161,33 @@ button.button__instagram.hover__highlight:hover .icon {
1841	border: 0;
1842	font-weight: 700;
1843	padding: 0 20px;
1844	- box-shadow: none;

1845	font-family: "DM Sans", sans-serif;
1846	background: #f4f6fc;
1847	}

1848	.disablecommentswrap .button:hover, .disablecommentswrap .button:focus {
1849	- box-shadow: none;

1850	border: 0;
1851	color: #ffffff;
1852	background: #05cb6b;
1853	}

1854	.disablecommentswrap .button.button__fade {


1855	display: flex;
1856	- align~~-items~~: center;


1857	min-width: 190px;
1858	- ~~justify~~-~~content~~: center;


1859	}

1860	@media (max-width: 991.98px) {
1861	.disablecommentswrap .button {
1862	height: 50px;
	@@ -1864,30 +2195,37 @@ button.button__instagram.hover__highlight:hover .icon {
1864	font-size: 13px;
1865	}
1866	}

1867	.disablecommentswrap .button__delete {
1868	color: #ffffff;
1869	background: #e0061a;
1870	}

1871	.disablecommentswrap .button__delete:hover, .disablecommentswrap .button__delete:focus {
1872	background: red;
1873	color: #ffffff;
1874	}

1875	.disablecommentswrap .button__success {
1876	color: #ffffff;
1877	background: #05cb6b;
1878	opacity: 0.6;
1879	}

1880	.disablecommentswrap .button__success:hover, .disablecommentswrap .button__success:focus {
1881	background: rgba(5, 203, 107, 0.9);
1882	color: #ffffff;
1883	}

1884	.disablecommentswrap .button__success.form-dirty {
1885	opacity: 1;
1886	}

1887	.disablecommentswrap .button--sm {
1888	height: 40px;
1889	line-height: 40px;
1890	}

1891	.disablecommentswrap .button__group .button:not(:last-child) {
1892	margin-right: 15px;
1893	}
	@@ -1900,6 +2238,7 @@ button.button__instagram.hover__highlight:hover .icon {
1900	border: 0;
1901	font-weight: 700;
1902	padding: 0 20px;

1903	box-shadow: none;
1904	outline: none;
1905	background: #f4f6fc !important;
	@@ -1913,13 +2252,16 @@ button.button__instagram.hover__highlight:hover .icon {
1913	border: 0;
1914	font-weight: 700;
1915	padding: 0 20px;

1916	box-shadow: none;
1917	outline: none;
1918	background: #e0061a !important;
1919	}

1920	.confirmButton:focus {
1921	outline: none !important;
1922	- box-shadow: none !important;

1923	}
1924
1925	#eael-spinner {
	@@ -1937,26 +2279,47 @@ button.button__instagram.hover__highlight:hover .icon {
1937	-moz-animation-duration: 1.2s;
1938	-moz-animation-iteration-count: infinite;
1939	-moz-animation-timing-function: linear;

1940	transition-property: transform;

1941	animation-name: rotate;
1942	- animation-duration: 1.2s;

1943	animation-iteration-count: infinite;
1944	animation-timing-function: linear;
1945	}










1946	@keyframes rotate {
1947	from {
1948	- transform: rotate(0deg);

1949	}
1950	to {
1951	- transform: rotate(360deg);

1952	}
1953	}

1954	.disable__comment__alert {


1955	display: flex;
1956	- align~~-items~~: center;


1957	padding: 10px 20px;
1958	border: 0;
1959	}

1960	@media (max-width: 767.98px) {
1961	.disable__comment__alert {
1962	display: block;
	@@ -1965,73 +2328,97 @@ button.button__instagram.hover__highlight:hover .icon {
1965	margin-top: 20px;
1966	}
1967	}

1968	.disable__comment__alert .alert__content {


1969	display: flex;
1970	- align~~-items~~: center;


1971	padding-right: 20px;
1972	- flex-wrap: wrap;
1973	- flex: 1;



1974	}

1975	@media (max-width: 767.98px) {
1976	.disable__comment__alert .alert__content {
1977	padding-right: 0;
1978	}
1979	}

1980	@media (max-width: 575.98px) {
1981	.disable__comment__alert .alert__content {
1982	display: block;
1983	}
1984	}

1985	.disable__comment__alert .alert__content img {
1986	margin-right: 15px;
1987	height: 30px;
1988	}

1989	@media (max-width: 575.98px) {
1990	.disable__comment__alert .alert__content img {
1991	margin-bottom: 10px;
1992	}
1993	}

1994	.disable__comment__alert .alert__content p {
1995	font-size: 18px;
1996	font-weight: 500;
1997	color: #22282d;
1998	font-family: "DM Sans", sans-serif;
1999	}

2000	.disable__comment__alert .alert__content a.wpinsights-disable-comments-collect {
2001	color: #05cb6b;
2002	}

2003	.disable__comment__alert .alert__content a.wpinsights-disable-comments-collect:hover,
2004	.disable__comment__alert .alert__content a.wpinsights-disable-comments-collect:visited,
2005	.disable__comment__alert .alert__content a.wpinsights-disable-comments-collect:focus {
2006	outline: none;
2007	border: none;
2008	- box-shadow: none;

2009	}

2010	.disable__comment__alert .alert__content .wpinsights-data {
2011	margin-top: 10px;
2012	}

2013	.disable__comment__alert .alert__content .wpinsights-data p {
2014	font-size: 13px;
2015	}

2016	.disable__comment__alert .button__group {
2017	text-align: right;
2018	}

2019	@media (max-width: 767.98px) {
2020	.disable__comment__alert .button__group {
2021	text-align: left;
2022	}
2023	}

2024	.disable__comment__alert .button__group .button {
2025	margin-right: 0;
2026	margin-top: 5px;
2027	margin-bottom: 5px;
2028	}

2029	.disable__comment__alert .button__group .button:not(:last-child) {
2030	margin-right: 0;
2031	}

2032	.disable__comment__alert .button__group .button:not(:first-child) {
2033	margin-left: 15px;
2034	}

2035	@media (max-width: 767.98px) {
2036	.disable__comment__alert .button__group .button {
2037	margin-right: 10px;
	@@ -2048,6 +2435,7 @@ button.button__instagram.hover__highlight:hover .icon {
2048	text-align: center;
2049	margin-bottom: 50px;
2050	}

2051	.section__header h2 {
2052	font-size: 24px;
2053	font-weight: 700;
	@@ -2060,6 +2448,7 @@ button.button__instagram.hover__highlight:hover .icon {
2060	border-radius: 5px;
2061	position: relative;
2062	}

2063	.disable__comment__nav__wrap .plugin__version {
2064	position: absolute;
2065	font-size: 16px;
	@@ -2068,24 +2457,33 @@ button.button__instagram.hover__highlight:hover .icon {
2068	font-family: "DM Sans", sans-serif;
2069	top: 50%;
2070	right: 30px;
2071	- transform: translateY(-50%);

2072	}

2073	@media (max-width: 767.98px) {
2074	.disable__comment__nav__wrap .plugin__version {
2075	position: static;
2076	top: 0;
2077	- transform: translateY(0);

2078	padding: 10px 10px 10px 20px;
2079	}
2080	}

2081	.disable__comment__nav__wrap .disable__comment__nav {


2082	display: flex;
2083	- flex-wrap: wrap;

2084	margin-top: 0;
2085	}

2086	.disable__comment__nav__wrap .disable__comment__nav .disable__comment__nav__item {
2087	margin-bottom: 0;
2088	}

2089	.disable__comment__nav__wrap .disable__comment__nav .disable__comment__nav__item .disable__comment__nav__link {
2090	font-size: 16px;
2091	font-weight: 700;
	@@ -2094,12 +2492,15 @@ button.button__instagram.hover__highlight:hover .icon {
2094	font-family: "DM Sans", sans-serif;
2095	padding: 17px 20px;
2096	outline: none;
2097	- box-shadow: none;

2098	}

2099	.disable__comment__nav__wrap .disable__comment__nav .disable__comment__nav__item .disable__comment__nav__link.active {
2100	color: #22282d;
2101	position: relative;
2102	}

2103	.disable__comment__nav__wrap .disable__comment__nav .disable__comment__nav__item .disable__comment__nav__link.active:before {
2104	position: absolute;
2105	left: 0;
	@@ -2109,11 +2510,13 @@ button.button__instagram.hover__highlight:hover .icon {
2109	background: #e0061a;
2110	content: "";
2111	}

2112	@media (max-width: 991.98px) {
2113	.disable__comment__nav__wrap .disable__comment__nav .disable__comment__nav__item .disable__comment__nav__link {
2114	font-size: 18px;
2115	}
2116	}

2117	@media (max-width: 575.98px) {
2118	.disable__comment__nav__wrap .disable__comment__nav .disable__comment__nav__item .disable__comment__nav__link {
2119	font-size: 16px;
	@@ -2127,16 +2530,37 @@ button.button__instagram.hover__highlight:hover .icon {
2127	.disable__comment__tab__item {
2128	display: none;
2129	}

2130	.disable__comment__tab__item.show {
2131	display: block;
2132	}
2133



















2134	.disable__comment__option .title {
2135	font-size: 22px;
2136	font-weight: 500;
2137	color: #22282d;
2138	margin-bottom: 5px;
2139	}

2140	.disable__comment__option .subtitle {
2141	color: #687b95;
2142	font-size: 14px;
	@@ -2145,13 +2569,16 @@ button.button__instagram.hover__highlight:hover .icon {
2145	padding-left: 0;
2146	line-height: 1.5;
2147	}

2148	.disable__comment__option .subtitle .danger {
2149	color: #e0061a;
2150	font-weight: 500;
2151	}

2152	.disable__comment__option .disable_option {
2153	border-radius: 5px;
2154	}

2155	.disable__comment__option .disable_option h3 {
2156	font-size: 18px;
2157	font-weight: 500;
	@@ -2162,16 +2589,20 @@ button.button__instagram.hover__highlight:hover .icon {
2162	display: block;
2163	margin-bottom: 15px;
2164	}
2165	- ~~.disable__comment__option .disable_option input[type=radio] {~~

2166	display: none;
2167	}
2168	- ~~.disable__comment__option .disable_option input[type=radio]:checked ~ label:before {~~

2169	border-color: #05cb6b;
2170	}
2171	- ~~.disable__comment__option .disable_option input[type=radio]:checked ~ label:after {~~

2172	opacity: 1;
2173	}
2174	- ~~.disable__comment__option .disable_option input[type=radio] ~ label {~~

2175	font-size: 18px;
2176	font-weight: 500;
2177	color: #22282d;
	@@ -2182,7 +2613,8 @@ button.button__instagram.hover__highlight:hover .icon {
2182	display: block;
2183	margin-bottom: 15px;
2184	}
2185	- ~~.disable__comment__option .disable_option input[type=radio] ~ label:before {~~

2186	position: absolute;
2187	top: 4px;
2188	left: 0;
	@@ -2192,7 +2624,8 @@ button.button__instagram.hover__highlight:hover .icon {
2192	border: 1px solid #687b95;
2193	content: "";
2194	}
2195	- ~~.disable__comment__option .disable_option input[type=radio] ~ label:after {~~

2196	position: absolute;
2197	top: 7px;
2198	left: 3px;
	@@ -2203,32 +2636,45 @@ button.button__instagram.hover__highlight:hover .icon {
2203	background: #05cb6b;
2204	content: "";
2205	opacity: 0;

2206	transition: all 0.3s ease;
2207	}
2208	- ~~.disable__comment__option .disable_option input[type=radio] ~ label span {~~

2209	font-size: 16px;
2210	font-weight: 400;
2211	color: #687b95;
2212	}

2213	.disable__comment__option .disable_option .disable__checklist {


2214	display: flex;
2215	- flex-wrap: wrap;

2216	}

2217	.disable__comment__option .disable_option .disable__checklist .disable__checklist__item {
2218	- flex: 0 ~~0 140px~~;


2219	margin-right: 10px;
2220	margin-bottom: 10px;
2221	}

2222	.disable__comment__option .disable_option .disable__checklist .disable__checklist__item input {
2223	display: none;
2224	}

2225	.disable__comment__option .disable_option .disable__checklist .disable__checklist__item input:checked ~ label:before {
2226	border-color: #00b2fc;
2227	background: #00b2fc;
2228	}

2229	.disable__comment__option .disable_option .disable__checklist .disable__checklist__item input:checked ~ label:after {
2230	opacity: 1;
2231	}

2232	.disable__comment__option .disable_option .disable__checklist .disable__checklist__item label {
2233	font-size: 16px;
2234	font-weight: 500;
	@@ -2239,6 +2685,7 @@ button.button__instagram.hover__highlight:hover .icon {
2239	padding-left: 25px;
2240	display: block;
2241	}

2242	.disable__comment__option .disable_option .disable__checklist .disable__checklist__item label:before {
2243	position: absolute;
2244	top: 4px;
	@@ -2248,6 +2695,7 @@ button.button__instagram.hover__highlight:hover .icon {
2248	border: 1px solid #687b95;
2249	content: "";
2250	}

2251	.disable__comment__option .disable_option .disable__checklist .disable__checklist__item label:after {
2252	position: absolute;
2253	top: -2px;
	@@ -2257,37 +2705,55 @@ button.button__instagram.hover__highlight:hover .icon {
2257	border: 0;
2258	content: url(../img/check.png);
2259	opacity: 0;

2260	transition: all 0.3s ease;
2261	}

2262	.disable__comment__option .disable_option .delete__checklist {


2263	display: flex;
2264	- flex-wrap: wrap;

2265	margin-bottom: 10px;
2266	}

2267	.disable__comment__option .disable_option .delete__checklist.disabled__sites .delete__checklist__item {
2268	- flex: 0 ~~1 200px~~;


2269	}

2270	.disable__comment__option .disable_option .delete__checklist.disabled__sites .delete__checklist__item:nth-child(1) {
2271	- flex-~~basis~~: 100%;

2272	}

2273	.disable__comment__option .disable_option .delete__checklist.disabled__sites .delete__checklist__item:nth-child(1) label {
2274	display: inline-block;
2275	}

2276	.disable__comment__option .disable_option .delete__checklist .delete__checklist__item {
2277	- flex: 0 ~~0 130px~~;


2278	margin-right: 10px;
2279	margin-bottom: 10px;
2280	}

2281	.disable__comment__option .disable_option .delete__checklist .delete__checklist__item input {
2282	display: none;
2283	}

2284	.disable__comment__option .disable_option .delete__checklist .delete__checklist__item input:checked ~ label:before {
2285	border-color: #00b2fc;
2286	background: #00b2fc;
2287	}

2288	.disable__comment__option .disable_option .delete__checklist .delete__checklist__item input:checked ~ label:after {
2289	opacity: 1;
2290	}

2291	.disable__comment__option .disable_option .delete__checklist .delete__checklist__item label {
2292	font-size: 18px;
2293	font-weight: 500;
	@@ -2298,6 +2764,7 @@ button.button__instagram.hover__highlight:hover .icon {
2298	padding-left: 25px;
2299	display: block;
2300	}

2301	.disable__comment__option .disable_option .delete__checklist .delete__checklist__item label:before {
2302	position: absolute;
2303	top: 4px;
	@@ -2307,6 +2774,7 @@ button.button__instagram.hover__highlight:hover .icon {
2307	border: 1px solid #687b95;
2308	content: "";
2309	}

2310	.disable__comment__option .disable_option .delete__checklist .delete__checklist__item label:after {
2311	position: absolute;
2312	top: -2px;
	@@ -2316,37 +2784,55 @@ button.button__instagram.hover__highlight:hover .icon {
2316	border: 0;
2317	content: url(../img/check.png);
2318	opacity: 0;

2319	transition: all 0.3s ease;
2320	}

2321	.disable__comment__option .disable_option .remove__checklist {


2322	display: flex;
2323	- flex-wrap: wrap;

2324	margin-bottom: 10px;
2325	}

2326	.disable__comment__option .disable_option .remove__checklist.disabled__sites .remove__checklist__item {
2327	- flex: 0 ~~1 200px~~;


2328	}

2329	.disable__comment__option .disable_option .remove__checklist.disabled__sites .remove__checklist__item:nth-child(1) {
2330	- flex-~~basis~~: 100%;

2331	}

2332	.disable__comment__option .disable_option .remove__checklist.disabled__sites .remove__checklist__item:nth-child(1) label {
2333	display: inline-block;
2334	}

2335	.disable__comment__option .disable_option .remove__checklist .remove__checklist__item {
2336	- flex: 0 ~~0 130px~~;


2337	margin-right: 10px;
2338	margin-bottom: 10px;
2339	}

2340	.disable__comment__option .disable_option .remove__checklist .remove__checklist__item input {
2341	display: none;
2342	}

2343	.disable__comment__option .disable_option .remove__checklist .remove__checklist__item input:checked ~ label:before {
2344	border-color: #00b2fc;
2345	background: #00b2fc;
2346	}

2347	.disable__comment__option .disable_option .remove__checklist .remove__checklist__item input:checked ~ label:after {
2348	opacity: 1;
2349	}

2350	.disable__comment__option .disable_option .remove__checklist .remove__checklist__item label {
2351	font-size: 18px;
2352	font-weight: 500;
	@@ -2357,6 +2843,7 @@ button.button__instagram.hover__highlight:hover .icon {
2357	padding-left: 25px;
2358	display: block;
2359	}

2360	.disable__comment__option .disable_option .remove__checklist .remove__checklist__item label:before {
2361	position: absolute;
2362	top: 4px;
	@@ -2366,6 +2853,7 @@ button.button__instagram.hover__highlight:hover .icon {
2366	border: 1px solid #687b95;
2367	content: "";
2368	}

2369	.disable__comment__option .disable_option .remove__checklist .remove__checklist__item label:after {
2370	position: absolute;
2371	top: -2px;
	@@ -2375,47 +2863,65 @@ button.button__instagram.hover__highlight:hover .icon {
2375	border: 0;
2376	content: url(../img/check.png);
2377	opacity: 0;

2378	transition: all 0.3s ease;
2379	}

2380	.disable__comment__option .disable_option .dissable__switch__item {
2381	margin-bottom: 10px;
2382	}

2383	.disable__comment__option .disable_option .dissable__switch__item input {
2384	display: none;
2385	}

2386	.disable__comment__option .disable_option .dissable__switch__item input:checked ~ label {
2387	color: #22282d;
2388	}

2389	.disable__comment__option .disable_option .dissable__switch__item input:checked ~ label .switch {
2390	background: #05cb6b;
2391	}

2392	.disable__comment__option .disable_option .dissable__switch__item input:checked ~ label .switch:before {
2393	left: 23px;
2394	}

2395	.disable__comment__option .disable_option .dissable__switch__item input:checked ~ label .switch .switch__text {
2396	left: 5px;
2397	}

2398	.disable__comment__option .disable_option .dissable__switch__item input:checked ~ label .switch .switch__text.on {
2399	display: block;
2400	}

2401	.disable__comment__option .disable_option .dissable__switch__item input:checked ~ label .switch .switch__text.off {
2402	display: none;
2403	}

2404	.disable__comment__option .disable_option .dissable__switch__item label {
2405	font-size: 16px;
2406	font-weight: 500;
2407	color: #687b95;
2408	font-family: "DM Sans", sans-serif;


2409	display: inline-flex;
2410	- align~~-items~~: center;


2411	}

2412	@media (max-width: 479.98px) {
2413	.disable__comment__option .disable_option .dissable__switch__item label {
2414	font-size: 14px;
2415	}
2416	}

2417	.disable__comment__option .disable_option .dissable__switch__item label .switch {
2418	- flex: 0 ~~0 35px~~;


2419	height: 16px;
2420	width: 35px;
2421	margin-right: 20px;
	@@ -2429,13 +2935,16 @@ button.button__instagram.hover__highlight:hover .icon {
2429	font-family: "DM Sans", sans-serif;
2430	padding: 2px 5px;
2431	position: relative;

2432	transition: all 0.3s ease;
2433	}

2434	@media (max-width: 479.98px) {
2435	.disable__comment__option .disable_option .dissable__switch__item label .switch {
2436	font-size: 10px;
2437	}
2438	}

2439	.disable__comment__option .disable_option .dissable__switch__item label .switch:before {
2440	position: absolute;
2441	top: 4px;
	@@ -2445,28 +2954,36 @@ button.button__instagram.hover__highlight:hover .icon {
2445	height: 8px;
2446	width: 8px;
2447	content: "";

2448	transition: all 0.3s ease;
2449	}

2450	.disable__comment__option .disable_option .dissable__switch__item label .switch .switch__text {
2451	position: absolute;
2452	top: 2px;
2453	left: 16px;

2454	transition: all 0.3s ease;
2455	}

2456	.disable__comment__option .disable_option .dissable__switch__item label .switch .switch__text.on {
2457	display: none;
2458	}

2459	.disable__comment__option .disable_option .delete__feedback {
2460	margin-bottom: 10px;
2461	}

2462	.disable__comment__option .disable_option .delete__feedback label {
2463	font-size: 14px;
2464	}

2465	.disable__comment__option .disable_option .delete__feedback .delete__feedback__item {
2466	position: relative;
2467	display: inline-block;
2468	padding-right: 8px;
2469	}

2470	.disable__comment__option .disable_option .delete__feedback .delete__feedback__item:not(:last-child):before {
2471	position: absolute;
2472	top: 7px;
	@@ -2476,16 +2993,20 @@ button.button__instagram.hover__highlight:hover .icon {
2476	background: #687b95;
2477	content: "";
2478	}

2479	.disable__comment__option .disable_option .delete__feedback .delete__feedback__item:last-child {
2480	padding-left: 8px;
2481	}

2482	.disable__comment__option .disable_option .delete__feedback .delete__feedback__item a {
2483	font-size: 18px;
2484	font-weight: 500;
2485	color: #687b95;
2486	outline: none;
2487	- box-shadow: none;

2488	}

2489	.disable__comment__option .disable_option .disable__option__description {
2490	font-size: 15px;
2491	font-weight: 400;
	@@ -2493,10 +3014,12 @@ button.button__instagram.hover__highlight:hover .icon {
2493	color: #687b95;
2494	font-family: "DM Sans", sans-serif;
2495	}

2496	.disable__comment__option .disable_option .disable__option__description .danger {
2497	color: #e0061a;
2498	font-weight: 500;
2499	}

2500	.disable__comment__option .total-comments {
2501	font-size: 16px;
2502	line-height: 26px;
	@@ -2504,8 +3027,152 @@ button.button__instagram.hover__highlight:hover .icon {
2504	color: #687b95;
2505	}
2506














































































































































2507	.dc-item__card_wrap {
2508	height: 100%;


2509	display: flex;
2510	}
2511
	@@ -2514,16 +3181,21 @@ button.button__instagram.hover__highlight:hover .icon {
2514	padding: 10px;
2515	border-radius: 5px;
2516	margin-bottom: 30px;
2517	- flex~~-grow~~: 1;


2518	}

2519	.dc-item__card .thumb img {
2520	vertical-align: middle;
2521	border-style: none;
2522	}

2523	.dc-item__card .card__content {
2524	padding: 25px 10px;
2525	text-align: center;
2526	}

2527	.dc-item__card .card__content h3 {
2528	font-size: 20px;
2529	font-weight: 500;
	@@ -2531,6 +3203,7 @@ button.button__instagram.hover__highlight:hover .icon {
2531	color: #22282d;
2532	margin-bottom: 10px;
2533	}

2534	.dc-item__card .card__content p {
2535	font-size: 14px;
2536	font-weight: 400;
	@@ -2544,6 +3217,7 @@ button.button__instagram.hover__highlight:hover .icon {
2544	max-width: 450px;
2545	padding-bottom: 25px;
2546	}

2547	.dc-tutorials h3 {
2548	font-size: 20px;
2549	font-weight: 500;
	@@ -2551,19 +3225,27 @@ button.button__instagram.hover__highlight:hover .icon {
2551	font-family: "DM Sans", sans-serif;
2552	margin-bottom: 20px;
2553	}

2554	@media (max-width: 479.98px) {
2555	.dc-tutorials h3 {
2556	font-size: 20px;
2557	}
2558	}

2559	.dc-tutorials .tutorial__list .tutorial__item {


2560	display: flex;
2561	}

2562	.dc-tutorials .tutorial__list .tutorial__item:not(:last-child) {
2563	margin-bottom: 20px;
2564	}

2565	.dc-tutorials .tutorial__list .tutorial__item .icon {
2566	- flex: 0 ~~0 50px~~;


2567	max-width: 50px;
2568	height: 50px;
2569	border-radius: 5px;
	@@ -2571,30 +3253,39 @@ button.button__instagram.hover__highlight:hover .icon {
2571	padding: 14px;
2572	margin-right: 15px;
2573	}

2574	.dc-tutorials .tutorial__list .tutorial__item .icon svg path {
2575	fill: #808da1;
2576	- transition: all 0.3s ease;

2577	}

2578	.dc-tutorials .tutorial__list .tutorial__item h4 {
2579	font-size: 15px;
2580	line-height: 1.6;
2581	font-weight: 500;
2582	color: #687b95;
2583	font-family: "DM Sans", sans-serif;
2584	- transition: all 0.3s ease;

2585	}

2586	@media (max-width: 1599.98px) {
2587	.dc-tutorials .tutorial__list .tutorial__item h4 {
2588	font-size: 14px;
2589	}
2590	}

2591	.dc-tutorials .tutorial__list .tutorial__item h4 a {
2592	outline: none;
2593	- box-shadow: none;

2594	}

2595	.dc-tutorials .tutorial__list .tutorial__item:hover .icon svg path {
2596	fill: #05cb6b;
2597	}

2598	.dc-tutorials .tutorial__list .tutorial__item:hover h4 {
2599	color: #22282d;
2600	}
	@@ -2605,27 +3296,39 @@ button.button__instagram.hover__highlight:hover .icon {
2605	background: #ffffff;
2606	max-width: 450px;
2607	}

2608	.blog__post .thumb {
2609	position: relative;
2610	}

2611	.blog__post .thumb img {
2612	width: 100%;
2613	}

2614	.blog__post .thumb .play__btn {
2615	position: absolute;
2616	top: 50%;
2617	left: 50%;
2618	- transform: translate(-50%, -50%);

2619	height: 50px;
2620	width: 50px;
2621	border-radius: 50%;
2622	background: #05cb6b;


2623	display: flex;
2624	- ~~justify~~-~~content~~: center;
2625	- ~~align~~-~~items~~: center;




2626	outline: none;
2627	- box-shadow: none;

2628	}

2629	.blog__post .thumb .play__btn span {
2630	width: 0;
2631	height: 0;
	@@ -2633,9 +3336,11 @@ button.button__instagram.hover__highlight:hover .icon {
2633	border-bottom: 8px solid transparent;
2634	border-left: 10px solid #ffffff;
2635	}

2636	.blog__post .blog__post__content {
2637	padding: 5px 10px;
2638	}

2639	.blog__post .blog__post__content h4 {
2640	font-size: 16px;
2641	font-weight: 500;
	@@ -2652,17 +3357,25 @@ button.button__instagram.hover__highlight:hover .icon {
2652	.footer__content {
2653	text-align: center;
2654	}

2655	.footer__content .footer__nav ul {


2656	display: flex;
2657	- flex-wrap: wrap;
2658	- ~~justify~~-~~content~~: ~~center~~;



2659	}

2660	.footer__content .footer__nav ul li {
2661	margin-bottom: 15px;
2662	padding: 0 10px;
2663	position: relative;
2664	line-height: 1;
2665	}

2666	.footer__content .footer__nav ul li:not(:last-child):before {
2667	position: absolute;
2668	top: 2px;
	@@ -2672,14 +3385,17 @@ button.button__instagram.hover__highlight:hover .icon {
2672	background: #687b95;
2673	content: "";
2674	}

2675	.footer__content .footer__nav ul li a {
2676	font-size: 16px;
2677	font-weight: 400;
2678	color: #687b95;
2679	line-height: inherit;
2680	outline: none;
2681	- box-shadow: none;

2682	}

2683	@media (max-width: 767.98px) {
2684	.footer__content .footer__nav ul li a {
2685	font-size: 14px;
	@@ -2706,42 +3422,56 @@ button.button__instagram.hover__highlight:hover .icon {
2706	}
2707
2708	.dc-quick__setup__nav {


2709	display: flex;
2710	- ~~justify~~-~~content~~: center;
2711	- ~~align~~-~~items~~: center;




2712	padding: 0;
2713	margin: 0;
2714	}

2715	@media (max-width: 767.98px) {
2716	.dc-quick__setup__nav {
2717	- flex-wrap: wrap;

2718	}
2719	}

2720	.dc-quick__setup__nav .quick__setup__item {
2721	padding: 0 25px;
2722	position: relative;
2723	}

2724	.dc-quick__setup__nav .quick__setup__item:not(:last-child):before {
2725	position: absolute;
2726	top: 50%;
2727	left: 50%;
2728	- transform: translateY(-50%);

2729	height: 3px;
2730	width: 100%;
2731	content: "";
2732	background: #d8dde7;
2733	}

2734	@media (max-width: 767.98px) {
2735	.dc-quick__setup__nav .quick__setup__item:not(:last-child):before {
2736	height: 0;
2737	width: 0;
2738	}
2739	}

2740	@media (max-width: 1199.98px) {
2741	.dc-quick__setup__nav .quick__setup__item {
2742	padding: 0 15px;
2743	}
2744	}

2745	.dc-quick__setup__nav .quick__setup__item .quick__setup__link {
2746	text-transform: uppercase;
2747	font-size: 14px;
	@@ -2755,22 +3485,27 @@ button.button__instagram.hover__highlight:hover .icon {
2755	position: relative;
2756	z-index: 1;
2757	outline: none;
2758	- box-shadow: none;

2759	}

2760	@media (max-width: 1199.98px) {
2761	.dc-quick__setup__nav .quick__setup__item .quick__setup__link {
2762	width: auto;
2763	padding: 13px 20px;
2764	}
2765	}

2766	@media (max-width: 767.98px) {
2767	.dc-quick__setup__nav .quick__setup__item .quick__setup__link {
2768	font-size: 12px;
2769	}
2770	}

2771	.dc-quick__setup__nav .quick__setup__item.active:not(:last-child):before {
2772	background: #e10619;
2773	}

2774	.dc-quick__setup__nav .quick__setup__item.active .quick__setup__link {
2775	background: #e10619;
2776	color: #ffffff;
	@@ -2779,9 +3514,11 @@ button.button__instagram.hover__highlight:hover .icon {
2779	.dc-quick__step__item {
2780	display: none;
2781	}

2782	.dc-quick__step__item.active {
2783	display: block;
2784	}

2785	.dc-quick__step__item .button {
2786	display: none;
2787	}
	@@ -2794,16 +3531,19 @@ button.button__instagram.hover__highlight:hover .icon {
2794	text-align: center;
2795	margin-bottom: 16px;
2796	}

2797	@media (max-width: 767.98px) {
2798	.dc-quick__step__item .quick__setup__item__header h2 {
2799	font-size: 28px;
2800	}
2801	}

2802	@media (max-width: 575.98px) {
2803	.dc-quick__step__item .quick__setup__item__header h2 {
2804	font-size: 24px;
2805	}
2806	}

2807	.dc-quick__step__item .quick__setup__item__header p {
2808	text-align: center;
2809	font-size: 16px;
	@@ -2811,36 +3551,49 @@ button.button__instagram.hover__highlight:hover .icon {
2811	max-width: 780px;
2812	margin: 0 auto;
2813	}

2814	@media (max-width: 767.98px) {
2815	.dc-quick__step__item .quick__setup__item__header p {
2816	font-size: 14px;
2817	}
2818	}

2819	.dc-quick__step__item .dc-video__area {
2820	text-align: center;
2821	margin: 0 auto;
2822	position: relative;
2823	}

2824	@media (max-width: 1199.98px) {
2825	.dc-quick__step__item .dc-video__area {
2826	min-height: 300px;
2827	}
2828	}

2829	.dc-quick__step__item .dc-video__area .play__btn {
2830	position: absolute;
2831	top: 50%;
2832	left: 50%;
2833	- transform: translate(-50%, -50%);

2834	height: 70px;
2835	width: 70px;
2836	border-radius: 50%;
2837	background: #05cb6b;


2838	display: flex;
2839	- ~~justify~~-~~content~~: center;
2840	- ~~align~~-~~items~~: center;




2841	outline: none;
2842	- box-shadow: none;

2843	}

2844	.dc-quick__step__item .dc-video__area .play__btn span {
2845	width: 0;
2846	height: 0;
	@@ -2848,12 +3601,14 @@ button.button__instagram.hover__highlight:hover .icon {
2848	border-bottom: 8px solid transparent;
2849	border-left: 10px solid #ffffff;
2850	}

2851	@media (max-width: 767.98px) {
2852	.dc-quick__step__item .dc-video__area .play__btn {
2853	height: 50px;
2854	width: 50px;
2855	}
2856	}

2857	.dc-quick__step__item .dc-form__group {
2858	padding-left: 27px;
2859	text-align: center;
	@@ -2861,21 +3616,26 @@ button.button__instagram.hover__highlight:hover .icon {
2861	margin: 15px auto 0;
2862	max-width: 800px;
2863	}

2864	@media (max-width: 575.98px) {
2865	.dc-quick__step__item .dc-form__group {
2866	text-align: left;
2867	}
2868	}

2869	.dc-quick__step__item .dc-form__group input {
2870	display: none;
2871	}

2872	.dc-quick__step__item .dc-form__group input:checked ~ label:before {
2873	border-color: #00b2fc;
2874	background: #00b2fc;
2875	}

2876	.dc-quick__step__item .dc-form__group input:checked ~ label:after {
2877	opacity: 1;
2878	}

2879	.dc-quick__step__item .dc-form__group label {
2880	font-size: 18px;
2881	font-weight: 500;
	@@ -2883,11 +3643,13 @@ button.button__instagram.hover__highlight:hover .icon {
2883	font-family: "DM Sans", sans-serif;
2884	position: relative;
2885	}

2886	@media (max-width: 767.98px) {
2887	.dc-quick__step__item .dc-form__group label {
2888	font-size: 16px;
2889	}
2890	}

2891	.dc-quick__step__item .dc-form__group label:before {
2892	position: absolute;
2893	top: 5px;
	@@ -2897,11 +3659,13 @@ button.button__instagram.hover__highlight:hover .icon {
2897	border: 1px solid #687b95;
2898	content: "";
2899	}

2900	@media (max-width: 767.98px) {
2901	.dc-quick__step__item .dc-form__group label:before {
2902	top: 4px;
2903	}
2904	}

2905	.dc-quick__step__item .dc-form__group label:after {
2906	position: absolute;
2907	top: -5px;
	@@ -2911,24 +3675,31 @@ button.button__instagram.hover__highlight:hover .icon {
2911	border: 0;
2912	content: url(../img/check.png);
2913	opacity: 0;

2914	transition: all 0.3s ease;
2915	}

2916	.dc-quick__step__item .disable_option {
2917	border-radius: 5px;
2918	}

2919	.dc-quick__step__item .disable_option.dc-text__block {
2920	background: #f4f6fc;
2921	}
2922	- ~~.dc-quick__step__item .disable_option input[type=radio] {~~

2923	display: none;
2924	}
2925	- ~~.dc-quick__step__item .disable_option input[type=radio]:checked ~ label:before {~~

2926	border-color: #05cb6b;
2927	}
2928	- ~~.dc-quick__step__item .disable_option input[type=radio]:checked ~ label:after {~~

2929	opacity: 1;
2930	}
2931	- ~~.dc-quick__step__item .disable_option input[type=radio] ~ label {~~

2932	font-size: 18px;
2933	font-weight: 500;
2934	color: #22282d;
	@@ -2939,7 +3710,8 @@ button.button__instagram.hover__highlight:hover .icon {
2939	display: block;
2940	margin-bottom: 15px;
2941	}
2942	- ~~.dc-quick__step__item .disable_option input[type=radio] ~ label:before {~~

2943	position: absolute;
2944	top: 4px;
2945	left: 0;
	@@ -2949,7 +3721,8 @@ button.button__instagram.hover__highlight:hover .icon {
2949	border: 1px solid #687b95;
2950	content: "";
2951	}
2952	- ~~.dc-quick__step__item .disable_option input[type=radio] ~ label:after {~~

2953	position: absolute;
2954	top: 7px;
2955	left: 3px;
	@@ -2960,32 +3733,45 @@ button.button__instagram.hover__highlight:hover .icon {
2960	background: #05cb6b;
2961	content: "";
2962	opacity: 0;

2963	transition: all 0.3s ease;
2964	}
2965	- ~~.dc-quick__step__item .disable_option input[type=radio] ~ label span {~~

2966	font-size: 16px;
2967	font-weight: 400;
2968	color: #687b95;
2969	}

2970	.dc-quick__step__item .disable_option .disable__checklist {


2971	display: flex;
2972	- flex-wrap: wrap;

2973	margin-bottom: 10px;
2974	}

2975	.dc-quick__step__item .disable_option .disable__checklist .disable__checklist__item {
2976	- flex: 0 ~~0 140px~~;


2977	margin-right: 10px;
2978	}

2979	.dc-quick__step__item .disable_option .disable__checklist .disable__checklist__item input {
2980	display: none;
2981	}

2982	.dc-quick__step__item .disable_option .disable__checklist .disable__checklist__item input:checked ~ label:before {
2983	border-color: #00b2fc;
2984	background: #00b2fc;
2985	}

2986	.dc-quick__step__item .disable_option .disable__checklist .disable__checklist__item input:checked ~ label:after {
2987	opacity: 1;
2988	}

2989	.dc-quick__step__item .disable_option .disable__checklist .disable__checklist__item label {
2990	font-size: 16px;
2991	font-weight: 500;
	@@ -2996,6 +3782,7 @@ button.button__instagram.hover__highlight:hover .icon {
2996	padding-left: 25px;
2997	display: block;
2998	}

2999	.dc-quick__step__item .disable_option .disable__checklist .disable__checklist__item label:before {
3000	position: absolute;
3001	top: 4px;
	@@ -3005,6 +3792,7 @@ button.button__instagram.hover__highlight:hover .icon {
3005	border: 1px solid #687b95;
3006	content: "";
3007	}

3008	.dc-quick__step__item .disable_option .disable__checklist .disable__checklist__item label:after {
3009	position: absolute;
3010	top: -2px;
	@@ -3014,28 +3802,35 @@ button.button__instagram.hover__highlight:hover .icon {
3014	border: 0;
3015	content: url(../img/check.png);
3016	opacity: 0;

3017	transition: all 0.3s ease;
3018	}

3019	.dc-quick__step__item .disable_option .disable__option__description {
3020	font-size: 15px;
3021	font-weight: 400;
3022	color: #687b95;
3023	font-family: "DM Sans", sans-serif;
3024	}

3025	.dc-quick__step__item .disable_option .disable__option__description .danger {
3026	color: #e0061a;
3027	font-weight: 500;
3028	}

3029	.dc-quick__step__item .finalize-thumb {
3030	text-align: center;
3031	padding: 0 0 30px;
3032	}

3033	.dc-quick__step__item .finalize-thumb img {
3034	max-height: 220px;
3035	}

3036	.dc-quick__step__item .doc__button__wrap {
3037	text-align: center;
3038	}

3039	.dc-quick__step__item .doc__button__wrap .doc__button {
3040	font-size: 16px;
3041	font-weight: 500;
	@@ -3046,34 +3841,49 @@ button.button__instagram.hover__highlight:hover .icon {
3046	border-radius: 5px;
3047	padding: 10px 35px;
3048	outline: none;
3049	- box-shadow: none;

3050	}

3051	.dc-quick__step__item .doc__button__wrap .doc__button:hover {
3052	background: #e10619;
3053	color: #ffffff;
3054	}

3055	.dc-quick__step__item #whatWeCollect {
3056	color: #05cb6b;
3057	outline: 0;
3058	- box-shadow: none;

3059	}

3060	.dc-quick__step__item #whatWeCollectMessage {
3061	display: none;
3062	}
3063
3064	.dc-quick__setup__wrap .button__group {


3065	display: flex;
3066	- flex-wrap: wrap;
3067	- ~~justify~~-~~content~~: ~~space-between~~;
3068	- ~~align~~-~~items~~: ~~center~~;





3069	}

3070	.dc-quick__setup__wrap .button__group .button {
3071	width: 160px;
3072	text-align: center;
3073	}

3074	.dc-quick__setup__wrap .button__group .button.button--sm {
3075	width: 110px;
3076	}

3077	@media (max-width: 767.98px) {
3078	.dc-quick__setup__wrap .button__group .button {
3079	width: unset;


8	--base-spacer-y: 16px;
9	--b-radius-6: 25px;
10	}
11	+
12	@media (max-width: 1599.98px) {
13	:root {
14	--base-gutter: 20px;

17	--xl-gutter: 70px;
18	}
19	}
20	+
21	@media (max-width: 1399.98px) {
22	:root {
23	--base-gutter: 20px;

26	--xl-gutter: 50px;
27	}
28	}
29	+
30	@media (max-width: 1199.98px) {
31	:root {
32	--base-spacer-x: 10px;

36	--xl-gutter: 40px;
37	}
38	}
39	+
40	@media (max-width: 991.98px) {
41	:root {
42	--base-spacer-x: 5px;

58	color: #000000;
59	outline: none;
60	border: none;
61	+ -webkit-box-sizing: border-box;
62	+ box-sizing: border-box;
63	overflow: hidden;
64	-webkit-display: flex;
65	-moz-display: flex;
66	-ms-display: flex;
67	-o-display: flex;
68	+ display: -webkit-box;
69	display: flex;
70	-moz-flex-direction: column;
71	+ -ms-flex-direction: column;
72	-o-flex-direction: column;
73	+ -webkit-box-orient: vertical;
74	+ -webkit-box-direction: normal;
75	+ flex-direction: column;
76	}
77	+
78	.disablecommentswrap * {
79	+ -webkit-box-sizing: border-box;
80	+ box-sizing: border-box;
81	+ }
82	+
83	+ .disablecommentswrap ::-moz-selection {
84	+ color: #ffffff;
85	+ background: rgba(98, 60, 234, 0.8);
86	}
87	+
88	.disablecommentswrap ::selection {
89	color: #ffffff;
90	background: rgba(98, 60, 234, 0.8);
91	}
92	+
93	.disablecommentswrap ul,
94	.disablecommentswrap li {
95	list-style: none;
96	}
97	+
98	.disablecommentswrap a {
99	color: initial;
100	+ -webkit-transition: all 0.3s linear;
101	transition: all 0.3s linear;
102	text-decoration: none;
103	display: inline-block;
104	}
105	+
106	.disablecommentswrap label {
107	margin-bottom: 0;
108	}
109	+
110	.disablecommentswrap .button {
111	vertical-align: middle;
112	font-family: "DM Sans", sans-serif;
113	font-weight: 500;
114	}
115	+
116	.disablecommentswrap .button:hover, .disablecommentswrap .button:focus {
117	outline: none;
118	}
119	+
120	.disablecommentswrap .button:not(:disabled) {
121	cursor: pointer;
122	}
123	+
124	.disablecommentswrap h1,
125	.disablecommentswrap h2,
126	.disablecommentswrap h3,

131	margin: 0;
132	padding: 0;
133	}
134	+
135	.disablecommentswrap h1,
136	.disablecommentswrap h2,
137	.disablecommentswrap h3,

145	margin-bottom: 0;
146	color: inherit;
147	}
148	+
149	.disablecommentswrap h1 a,
150	.disablecommentswrap h2 a,
151	.disablecommentswrap h3 a,

154	.disablecommentswrap h6 a {
155	color: inherit;
156	}
157	+
158	.disablecommentswrap h1 a:hover,
159	.disablecommentswrap h2 a:hover,
160	.disablecommentswrap h3 a:hover,

163	.disablecommentswrap h6 a:hover {
164	color: inherit;
165	}
166	+
167	.disablecommentswrap ul,
168	.disablecommentswrap ol {
169	margin-bottom: 0;
170	}
171	+
172	.disablecommentswrap img,
173	.disablecommentswrap video {
174	max-width: 100%;

230	padding-bottom: 300px;
231	}
232
233	+ .mt10 {
234	+ margin-top: 10px;
235	+ }
236	+
237	+ .mb10 {
238	+ margin-bottom: 10px;
239	+ }
240	+
241	+ .mt15 {
242	+ margin-top: 15px;
243	+ }
244	+
245	+ .mb15 {
246	+ margin-bottom: 15px;
247	+ }
248	+
249	.mt20 {
250	margin-top: 20px;
251	}

300
301	a.color__primary:hover, a.color__primary:focus {
302	color: #4218db;
303	+ -webkit-box-shadow: none;
304	+ box-shadow: none;
305	}
306
307	.color__secondary {

310
311	a.color__secondary:hover, a.color__secondary:focus {
312	color: #f9581f;
313	+ -webkit-box-shadow: none;
314	+ box-shadow: none;
315	}
316
317	.color__success {

320
321	a.color__success:hover, a.color__success:focus {
322	color: #049951;
323	+ -webkit-box-shadow: none;
324	+ box-shadow: none;
325	}
326
327	.color__danger {

330
331	a.color__danger:hover, a.color__danger:focus {
332	color: #ae0514;
333	+ -webkit-box-shadow: none;
334	+ box-shadow: none;
335	}
336
337	.color__info {

340
341	a.color__info:hover, a.color__info:focus {
342	color: #008ec9;
343	+ -webkit-box-shadow: none;
344	+ box-shadow: none;
345	}
346
347	.color__dark {

350
351	a.color__dark:hover, a.color__dark:focus {
352	color: #0c0e10;
353	+ -webkit-box-shadow: none;
354	+ box-shadow: none;
355	}
356
357	.color__white {

360
361	a.color__white:hover, a.color__white:focus {
362	color: #e6e6e6;
363	+ -webkit-box-shadow: none;
364	+ box-shadow: none;
365	}
366
367	.color__black {

374
375	a.color__grey:hover, a.color__grey:focus {
376	color: #ccd5f1;
377	+ -webkit-box-shadow: none;
378	+ box-shadow: none;
379	}
380
381	.color__grey2 {

384
385	a.color__grey2:hover, a.color__grey2:focus {
386	color: #657389;
387	+ -webkit-box-shadow: none;
388	+ box-shadow: none;
389	}
390
391	.color__twitter {

394
395	a.color__twitter:hover, a.color__twitter:focus {
396	color: #0c85d0;
397	+ -webkit-box-shadow: none;
398	+ box-shadow: none;
399	}
400
401	.color__linkedin {

404
405	a.color__linkedin:hover, a.color__linkedin:focus {
406	color: #005582;
407	+ -webkit-box-shadow: none;
408	+ box-shadow: none;
409	}
410
411	.color__instagram {

414
415	a.color__instagram:hover, a.color__instagram:focus {
416	color: #c21c54;
417	+ -webkit-box-shadow: none;
418	+ box-shadow: none;
419	}
420
421	.background__primary {

471	}
472
473	.gradient__primary {
474	+ background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(98, 60, 234, 0.3)), to(rgba(98, 60, 234, 0.05)));
475	background-image: linear-gradient(180deg, rgba(98, 60, 234, 0.3), rgba(98, 60, 234, 0.05));
476	color: #623cea;
477	}
478
479	.gradient__secondary {
480	+ background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(250, 125, 81, 0.3)), to(rgba(250, 125, 81, 0.05)));
481	background-image: linear-gradient(180deg, rgba(250, 125, 81, 0.3), rgba(250, 125, 81, 0.05));
482	color: #fa7d51;
483	}
484
485	.gradient__success {
486	+ background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(5, 203, 107, 0.3)), to(rgba(5, 203, 107, 0.05)));
487	background-image: linear-gradient(180deg, rgba(5, 203, 107, 0.3), rgba(5, 203, 107, 0.05));
488	color: #05cb6b;
489	}
490
491	.gradient__danger {
492	+ background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(224, 6, 26, 0.3)), to(rgba(224, 6, 26, 0.05)));
493	background-image: linear-gradient(180deg, rgba(224, 6, 26, 0.3), rgba(224, 6, 26, 0.05));
494	color: #e0061a;
495	}
496
497	.gradient__info {
498	+ background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 178, 252, 0.3)), to(rgba(0, 178, 252, 0.05)));
499	background-image: linear-gradient(180deg, rgba(0, 178, 252, 0.3), rgba(0, 178, 252, 0.05));
500	color: #00b2fc;
501	}
502
503	.gradient__dark {
504	+ background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(34, 40, 45, 0.3)), to(rgba(34, 40, 45, 0.05)));
505	background-image: linear-gradient(180deg, rgba(34, 40, 45, 0.3), rgba(34, 40, 45, 0.05));
506	color: #22282d;
507	}
508
509	.gradient__white {
510	+ background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.3)), to(rgba(255, 255, 255, 0.05)));
511	background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05));
512	color: #ffffff;
513	}
514
515	.gradient__black {
516	+ background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.05)));
517	background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.05));
518	color: #000000;
519	}
520
521	.gradient__grey {
522	+ background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(244, 246, 252, 0.3)), to(rgba(244, 246, 252, 0.05)));
523	background-image: linear-gradient(180deg, rgba(244, 246, 252, 0.3), rgba(244, 246, 252, 0.05));
524	color: #f4f6fc;
525	}
526
527	.gradient__grey2 {
528	+ background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(128, 141, 161, 0.3)), to(rgba(128, 141, 161, 0.05)));
529	background-image: linear-gradient(180deg, rgba(128, 141, 161, 0.3), rgba(128, 141, 161, 0.05));
530	color: #808da1;
531	}
532
533	.gradient__twitter {
534	+ background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(29, 161, 242, 0.3)), to(rgba(29, 161, 242, 0.05)));
535	background-image: linear-gradient(180deg, rgba(29, 161, 242, 0.3), rgba(29, 161, 242, 0.05));
536	color: #1da1f2;
537	}
538
539	.gradient__linkedin {
540	+ background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 119, 181, 0.3)), to(rgba(0, 119, 181, 0.05)));
541	background-image: linear-gradient(180deg, rgba(0, 119, 181, 0.3), rgba(0, 119, 181, 0.05));
542	color: #0077b5;
543	}
544
545	.gradient__instagram {
546	+ background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(225, 48, 108, 0.3)), to(rgba(225, 48, 108, 0.05)));
547	background-image: linear-gradient(180deg, rgba(225, 48, 108, 0.3), rgba(225, 48, 108, 0.05));
548	color: #e1306c;
549	}
550
551	.cloud__info__card__icon__primary {
552	+ background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(98, 60, 234, 0.3)), to(rgba(98, 60, 234, 0.05)));
553	background-image: linear-gradient(180deg, rgba(98, 60, 234, 0.3), rgba(98, 60, 234, 0.05));
554	color: #623cea;
555	}
556
557	.cloud__info__card__icon__secondary {
558	+ background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(250, 125, 81, 0.3)), to(rgba(250, 125, 81, 0.05)));
559	background-image: linear-gradient(180deg, rgba(250, 125, 81, 0.3), rgba(250, 125, 81, 0.05));
560	color: #fa7d51;
561	}
562
563	.cloud__info__card__icon__success {
564	+ background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(5, 203, 107, 0.3)), to(rgba(5, 203, 107, 0.05)));
565	background-image: linear-gradient(180deg, rgba(5, 203, 107, 0.3), rgba(5, 203, 107, 0.05));
566	color: #05cb6b;
567	}
568
569	.cloud__info__card__icon__danger {
570	+ background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(224, 6, 26, 0.3)), to(rgba(224, 6, 26, 0.05)));
571	background-image: linear-gradient(180deg, rgba(224, 6, 26, 0.3), rgba(224, 6, 26, 0.05));
572	color: #e0061a;
573	}
574
575	.cloud__info__card__icon__info {
576	+ background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 178, 252, 0.3)), to(rgba(0, 178, 252, 0.05)));
577	background-image: linear-gradient(180deg, rgba(0, 178, 252, 0.3), rgba(0, 178, 252, 0.05));
578	color: #00b2fc;
579	}
580
581	.cloud__info__card__icon__dark {
582	+ background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(34, 40, 45, 0.3)), to(rgba(34, 40, 45, 0.05)));
583	background-image: linear-gradient(180deg, rgba(34, 40, 45, 0.3), rgba(34, 40, 45, 0.05));
584	color: #22282d;
585	}
586
587	.cloud__info__card__icon__white {
588	+ background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.3)), to(rgba(255, 255, 255, 0.05)));
589	background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05));
590	color: #ffffff;
591	}
592
593	.cloud__info__card__icon__black {
594	+ background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.05)));
595	background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.05));
596	color: #000000;
597	}
598
599	.cloud__info__card__icon__grey {
600	+ background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(244, 246, 252, 0.3)), to(rgba(244, 246, 252, 0.05)));
601	background-image: linear-gradient(180deg, rgba(244, 246, 252, 0.3), rgba(244, 246, 252, 0.05));
602	color: #f4f6fc;
603	}
604
605	.cloud__info__card__icon__grey2 {
606	+ background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(128, 141, 161, 0.3)), to(rgba(128, 141, 161, 0.05)));
607	background-image: linear-gradient(180deg, rgba(128, 141, 161, 0.3), rgba(128, 141, 161, 0.05));
608	color: #808da1;
609	}
610
611	.cloud__info__card__icon__twitter {
612	+ background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(29, 161, 242, 0.3)), to(rgba(29, 161, 242, 0.05)));
613	background-image: linear-gradient(180deg, rgba(29, 161, 242, 0.3), rgba(29, 161, 242, 0.05));
614	color: #1da1f2;
615	}
616
617	.cloud__info__card__icon__linkedin {
618	+ background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 119, 181, 0.3)), to(rgba(0, 119, 181, 0.05)));
619	background-image: linear-gradient(180deg, rgba(0, 119, 181, 0.3), rgba(0, 119, 181, 0.05));
620	color: #0077b5;
621	}
622
623	.cloud__info__card__icon__instagram {
624	+ background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(225, 48, 108, 0.3)), to(rgba(225, 48, 108, 0.05)));
625	background-image: linear-gradient(180deg, rgba(225, 48, 108, 0.3), rgba(225, 48, 108, 0.05));
626	color: #e1306c;
627	}

630	color: white;
631	background: #623cea;
632	}
633	+
634	.counter__card__primary .counter__card--icon:before {
635	background: #623cea;
636	}
637	+
638	.counter__card__primary .counter__card--content .count__number {
639	color: #623cea;
640	}

643	color: white;
644	background: #fa7d51;
645	}
646	+
647	.counter__card__secondary .counter__card--icon:before {
648	background: #fa7d51;
649	}
650	+
651	.counter__card__secondary .counter__card--content .count__number {
652	color: #fa7d51;
653	}

656	color: white;
657	background: #05cb6b;
658	}
659	+
660	.counter__card__success .counter__card--icon:before {
661	background: #05cb6b;
662	}
663	+
664	.counter__card__success .counter__card--content .count__number {
665	color: #05cb6b;
666	}

669	color: white;
670	background: #e0061a;
671	}
672	+
673	.counter__card__danger .counter__card--icon:before {
674	background: #e0061a;
675	}
676	+
677	.counter__card__danger .counter__card--content .count__number {
678	color: #e0061a;
679	}

682	color: white;
683	background: #00b2fc;
684	}
685	+
686	.counter__card__info .counter__card--icon:before {
687	background: #00b2fc;
688	}
689	+
690	.counter__card__info .counter__card--content .count__number {
691	color: #00b2fc;
692	}

695	color: white;
696	background: #22282d;
697	}
698	+
699	.counter__card__dark .counter__card--icon:before {
700	background: #22282d;
701	}
702	+
703	.counter__card__dark .counter__card--content .count__number {
704	color: #22282d;
705	}

708	color: #22282d;
709	background: #ffffff;
710	}
711	+
712	.counter__card__white .counter__card--icon:before {
713	background: #ffffff;
714	}
715	+
716	.counter__card__white .counter__card--content .count__number {
717	color: #ffffff;
718	}

721	color: white;
722	background: #000000;
723	}
724	+
725	.counter__card__black .counter__card--icon:before {
726	background: #000000;
727	}
728	+
729	.counter__card__black .counter__card--content .count__number {
730	color: #000000;
731	}

734	color: #22282d;
735	background: #f4f6fc;
736	}
737	+
738	.counter__card__grey .counter__card--icon:before {
739	background: #f4f6fc;
740	}
741	+
742	.counter__card__grey .counter__card--content .count__number {
743	color: #f4f6fc;
744	}

747	color: white;
748	background: #808da1;
749	}
750	+
751	.counter__card__grey2 .counter__card--icon:before {
752	background: #808da1;
753	}
754	+
755	.counter__card__grey2 .counter__card--content .count__number {
756	color: #808da1;
757	}

760	color: white;
761	background: #1da1f2;
762	}
763	+
764	.counter__card__twitter .counter__card--icon:before {
765	background: #1da1f2;
766	}
767	+
768	.counter__card__twitter .counter__card--content .count__number {
769	color: #1da1f2;
770	}

773	color: white;
774	background: #0077b5;
775	}
776	+
777	.counter__card__linkedin .counter__card--icon:before {
778	background: #0077b5;
779	}
780	+
781	.counter__card__linkedin .counter__card--content .count__number {
782	color: #0077b5;
783	}

786	color: white;
787	background: #e1306c;
788	}
789	+
790	.counter__card__instagram .counter__card--icon:before {
791	background: #e1306c;
792	}
793	+
794	.counter__card__instagram .counter__card--content .count__number {
795	color: #e1306c;
796	}

1258	.disablecommentswrap {
1259	padding: 30px;
1260	}
1261	+
1262	@media (max-width: 575.98px) {
1263	.disablecommentswrap {
1264	padding: 30px;
1265	}
1266	}
1267	+
1268	.disablecommentswrap .delete-comments-not-found {
1269	width: 60%;
1270	margin: 0 auto;
1271	text-align: center;
1272	}
1273	+
1274	.disablecommentswrap .delete-comments-not-found .error-message {
1275	margin-top: 30px;
1276	color: #444;

1287	padding: 20px;
1288	border-radius: 10px;
1289	}
1290	+
1291	.dc-text__block__big__pad {
1292	padding: 40px 50px;
1293	background: #ffffff;
1294	border-radius: 10px;
1295	}
1296	+
1297	@media (max-width: 767.98px) {
1298	.dc-text__block__big__pad {
1299	padding: 40px 25px;

1307	}
1308
1309	.dc-row {
1310	+ display: -webkit-box;
1311	+ display: -ms-flexbox;
1312	display: flex;
1313	+ -ms-flex-wrap: wrap;
1314	+ flex-wrap: wrap;
1315	margin-right: -15px;
1316	margin-left: -15px;
1317	}
1318
1319	.dc-col {
1320	+ -ms-flex-preferred-size: 0;
1321	+ flex-basis: 0;
1322	+ -webkit-box-flex: 1;
1323	+ -ms-flex-positive: 1;
1324	+ flex-grow: 1;
1325	max-width: 100%;
1326	}
1327

1339
1340	@media (min-width: 576px) {
1341	.dc-col-xs-6 {
1342	+ -webkit-box-flex: 0;
1343	+ -ms-flex: 0 0 50%;
1344	+ flex: 0 0 50%;
1345	max-width: 50%;
1346	}
1347	}
1348	+
1349	@media (min-width: 768px) {
1350	.dc-col-sm-6 {
1351	+ -webkit-box-flex: 0;
1352	+ -ms-flex: 0 0 50%;
1353	+ flex: 0 0 50%;
1354	max-width: 50%;
1355	}
1356	}
1357	+
1358	@media (min-width: 992px) {
1359	.dc-col-md-6 {
1360	+ -webkit-box-flex: 0;
1361	+ -ms-flex: 0 0 50%;
1362	+ flex: 0 0 50%;
1363	max-width: 50%;
1364	}
1365	}
1366	+
1367	@media (min-width: 1200px) {
1368	.dc-col-lg-3 {
1369	+ -webkit-box-flex: 0;
1370	+ -ms-flex: 0 0 25%;
1371	+ flex: 0 0 25%;
1372	max-width: 25%;
1373	}

1374	.dc-col-lg-4 {
1375	+ -webkit-box-flex: 0;
1376	+ -ms-flex: 0 0 33.33%;
1377	+ flex: 0 0 33.33%;
1378	max-width: 33.33%;
1379	}

1380	.dc-col-lg-9 {
1381	+ -webkit-box-flex: 0;
1382	+ -ms-flex: 0 0 75%;
1383	+ flex: 0 0 75%;
1384	max-width: 75%;
1385	}
1386	}
1387	+
1388	.form__control {
1389	border: 1px solid rgba(0, 0, 0, 0.15) !important;
1390	}
1391
1392	+ .form__control.w-100 {
1393	+ width: 100%;
1394	+ }
1395	+
1396	+ .d__flex {
1397	+ display: -webkit-box;
1398	+ display: -ms-flexbox;
1399	+ display: flex;
1400	+ }
1401	+
1402	+ .space__between {
1403	+ -webkit-box-pack: justify;
1404	+ -ms-flex-pack: justify;
1405	+ justify-content: space-between;
1406	+ -webkit-box-align: center;
1407	+ -ms-flex-align: center;
1408	+ align-items: center;
1409	+ }
1410	+
1411	+ .icon__input {
1412	+ position: relative;
1413	+ }
1414	+
1415	+ .icon__input .icon {
1416	+ position: absolute;
1417	+ top: 7px;
1418	+ right: 12px;
1419	+ pointer-events: none;
1420	+ }
1421	+
1422	.button__primary:not(.hover__highlight) {
1423	background: #623cea;
1424	color: white;
1425	border-color: #623cea;
1426	+ -webkit-transition: all 0.3s ease-in-out 0s;
1427	transition: all 0.3s ease-in-out 0s;
1428	+ -webkit-transition-property: background, color, box-shadow, border;
1429	+ -webkit-transition-property: background, color, border, -webkit-box-shadow;
1430	+ transition-property: background, color, border, -webkit-box-shadow;
1431	transition-property: background, color, box-shadow, border;
1432	+ transition-property: background, color, box-shadow, border, -webkit-box-shadow;
1433	}
1434	+
1435	.button__primary:not(.hover__highlight):disabled {
1436	cursor: not-allowed;
1437	background: #fa7d51;
1438	}
1439	+
1440	.button__primary:not(.hover__highlight) .icon {
1441	color: #623cea;
1442	background: white;
1443	}
1444	+
1445	.button__primary.hover__highlight {
1446	color: #623cea;
1447	border-color: rgba(98, 60, 234, 0.2);
1448	}
1449	+
1450	.button__primary.hover__highlight .icon {
1451	background: #623cea;
1452	color: #ffffff;

1460	border-color: #4f25e8;
1461	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.3);
1462	}
1463	+
1464	a.button__primary.active:disabled, a.button__primary:hover:disabled,
1465	button.button__primary.active:disabled,
1466	button.button__primary:hover:disabled {
1467	cursor: not-allowed;
1468	background: #fa7d51;
1469	+ -webkit-box-shadow: none;
1470	+ box-shadow: none;
1471	}
1472	+
1473	a.button__primary.hover__highlight:hover .icon,
1474	button.button__primary.hover__highlight:hover .icon {
1475	background: white;

1480	background: #fa7d51;
1481	color: white;
1482	border-color: #fa7d51;
1483	+ -webkit-transition: all 0.3s ease-in-out 0s;
1484	transition: all 0.3s ease-in-out 0s;
1485	+ -webkit-transition-property: background, color, box-shadow, border;
1486	+ -webkit-transition-property: background, color, border, -webkit-box-shadow;
1487	+ transition-property: background, color, border, -webkit-box-shadow;
1488	transition-property: background, color, box-shadow, border;
1489	+ transition-property: background, color, box-shadow, border, -webkit-box-shadow;
1490	}
1491	+
1492	.button__secondary:not(.hover__highlight):disabled {
1493	cursor: not-allowed;
1494	background: #fa7d51;
1495	}
1496	+
1497	.button__secondary:not(.hover__highlight) .icon {
1498	color: #fa7d51;
1499	background: white;
1500	}
1501	+
1502	.button__secondary.hover__highlight {
1503	color: #623cea;
1504	border-color: rgba(98, 60, 234, 0.2);
1505	}
1506	+
1507	.button__secondary.hover__highlight .icon {
1508	background: #623cea;
1509	color: #ffffff;

1517	border-color: #f96a38;
1518	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.3);
1519	}
1520	+
1521	a.button__secondary.active:disabled, a.button__secondary:hover:disabled,
1522	button.button__secondary.active:disabled,
1523	button.button__secondary:hover:disabled {
1524	cursor: not-allowed;
1525	background: #fa7d51;
1526	+ -webkit-box-shadow: none;
1527	+ box-shadow: none;
1528	}
1529	+
1530	a.button__secondary.hover__highlight:hover .icon,
1531	button.button__secondary.hover__highlight:hover .icon {
1532	background: white;

1537	background: #05cb6b;
1538	color: white;
1539	border-color: #05cb6b;
1540	+ -webkit-transition: all 0.3s ease-in-out 0s;
1541	transition: all 0.3s ease-in-out 0s;
1542	+ -webkit-transition-property: background, color, box-shadow, border;
1543	+ -webkit-transition-property: background, color, border, -webkit-box-shadow;
1544	+ transition-property: background, color, border, -webkit-box-shadow;
1545	transition-property: background, color, box-shadow, border;
1546	+ transition-property: background, color, box-shadow, border, -webkit-box-shadow;
1547	}
1548	+
1549	.button__success:not(.hover__highlight):disabled {
1550	cursor: not-allowed;
1551	background: #fa7d51;
1552	}
1553	+
1554	.button__success:not(.hover__highlight) .icon {
1555	color: #05cb6b;
1556	background: white;
1557	}
1558	+
1559	.button__success.hover__highlight {
1560	color: #623cea;
1561	border-color: rgba(98, 60, 234, 0.2);
1562	}
1563	+
1564	.button__success.hover__highlight .icon {
1565	background: #623cea;
1566	color: #ffffff;

1574	border-color: #04b25e;
1575	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.3);
1576	}
1577	+
1578	a.button__success.active:disabled, a.button__success:hover:disabled,
1579	button.button__success.active:disabled,
1580	button.button__success:hover:disabled {
1581	cursor: not-allowed;
1582	background: #fa7d51;
1583	+ -webkit-box-shadow: none;
1584	+ box-shadow: none;
1585	}
1586	+
1587	a.button__success.hover__highlight:hover .icon,
1588	button.button__success.hover__highlight:hover .icon {
1589	background: white;

1594	background: #e0061a;
1595	color: white;
1596	border-color: #e0061a;
1597	+ -webkit-transition: all 0.3s ease-in-out 0s;
1598	transition: all 0.3s ease-in-out 0s;
1599	+ -webkit-transition-property: background, color, box-shadow, border;
1600	+ -webkit-transition-property: background, color, border, -webkit-box-shadow;
1601	+ transition-property: background, color, border, -webkit-box-shadow;
1602	transition-property: background, color, box-shadow, border;
1603	+ transition-property: background, color, box-shadow, border, -webkit-box-shadow;
1604	}
1605	+
1606	.button__danger:not(.hover__highlight):disabled {
1607	cursor: not-allowed;
1608	background: #fa7d51;
1609	}
1610	+
1611	.button__danger:not(.hover__highlight) .icon {
1612	color: #e0061a;
1613	background: white;
1614	}
1615	+
1616	.button__danger.hover__highlight {
1617	color: #623cea;
1618	border-color: rgba(98, 60, 234, 0.2);
1619	}
1620	+
1621	.button__danger.hover__highlight .icon {
1622	background: #623cea;
1623	color: #ffffff;

1631	border-color: #c70517;
1632	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.3);
1633	}
1634	+
1635	a.button__danger.active:disabled, a.button__danger:hover:disabled,
1636	button.button__danger.active:disabled,
1637	button.button__danger:hover:disabled {
1638	cursor: not-allowed;
1639	background: #fa7d51;
1640	+ -webkit-box-shadow: none;
1641	+ box-shadow: none;
1642	}
1643	+
1644	a.button__danger.hover__highlight:hover .icon,
1645	button.button__danger.hover__highlight:hover .icon {
1646	background: white;

1651	background: #00b2fc;
1652	color: white;
1653	border-color: #00b2fc;
1654	+ -webkit-transition: all 0.3s ease-in-out 0s;
1655	transition: all 0.3s ease-in-out 0s;
1656	+ -webkit-transition-property: background, color, box-shadow, border;
1657	+ -webkit-transition-property: background, color, border, -webkit-box-shadow;
1658	+ transition-property: background, color, border, -webkit-box-shadow;
1659	transition-property: background, color, box-shadow, border;
1660	+ transition-property: background, color, box-shadow, border, -webkit-box-shadow;
1661	}
1662	+
1663	.button__info:not(.hover__highlight):disabled {
1664	cursor: not-allowed;
1665	background: #fa7d51;
1666	}
1667	+
1668	.button__info:not(.hover__highlight) .icon {
1669	color: #00b2fc;
1670	background: white;
1671	}
1672	+
1673	.button__info.hover__highlight {
1674	color: #623cea;
1675	border-color: rgba(98, 60, 234, 0.2);
1676	}
1677	+
1678	.button__info.hover__highlight .icon {
1679	background: #623cea;
1680	color: #ffffff;

1688	border-color: #00a0e3;
1689	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.3);
1690	}
1691	+
1692	a.button__info.active:disabled, a.button__info:hover:disabled,
1693	button.button__info.active:disabled,
1694	button.button__info:hover:disabled {
1695	cursor: not-allowed;
1696	background: #fa7d51;
1697	+ -webkit-box-shadow: none;
1698	+ box-shadow: none;
1699	}
1700	+
1701	a.button__info.hover__highlight:hover .icon,
1702	button.button__info.hover__highlight:hover .icon {
1703	background: white;

1708	background: #22282d;
1709	color: white;
1710	border-color: #22282d;
1711	+ -webkit-transition: all 0.3s ease-in-out 0s;
1712	transition: all 0.3s ease-in-out 0s;
1713	+ -webkit-transition-property: background, color, box-shadow, border;
1714	+ -webkit-transition-property: background, color, border, -webkit-box-shadow;
1715	+ transition-property: background, color, border, -webkit-box-shadow;
1716	transition-property: background, color, box-shadow, border;
1717	+ transition-property: background, color, box-shadow, border, -webkit-box-shadow;
1718	}
1719	+
1720	.button__dark:not(.hover__highlight):disabled {
1721	cursor: not-allowed;
1722	background: #fa7d51;
1723	}
1724	+
1725	.button__dark:not(.hover__highlight) .icon {
1726	color: #22282d;
1727	background: white;
1728	}
1729	+
1730	.button__dark.hover__highlight {
1731	color: #623cea;
1732	border-color: rgba(98, 60, 234, 0.2);
1733	}
1734	+
1735	.button__dark.hover__highlight .icon {
1736	background: #623cea;
1737	color: #ffffff;

1745	border-color: #171b1e;
1746	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.3);
1747	}
1748	+
1749	a.button__dark.active:disabled, a.button__dark:hover:disabled,
1750	button.button__dark.active:disabled,
1751	button.button__dark:hover:disabled {
1752	cursor: not-allowed;
1753	background: #fa7d51;
1754	+ -webkit-box-shadow: none;
1755	+ box-shadow: none;
1756	}
1757	+
1758	a.button__dark.hover__highlight:hover .icon,
1759	button.button__dark.hover__highlight:hover .icon {
1760	background: white;

1765	background: #ffffff;
1766	color: #623cea;
1767	border-color: #ffffff;
1768	+ -webkit-transition: all 0.3s ease-in-out 0s;
1769	transition: all 0.3s ease-in-out 0s;
1770	+ -webkit-transition-property: background, color, box-shadow, border;
1771	+ -webkit-transition-property: background, color, border, -webkit-box-shadow;
1772	+ transition-property: background, color, border, -webkit-box-shadow;
1773	transition-property: background, color, box-shadow, border;
1774	+ transition-property: background, color, box-shadow, border, -webkit-box-shadow;
1775	}
1776	+
1777	.button__white:not(.hover__highlight):disabled {
1778	cursor: not-allowed;
1779	background: #fa7d51;
1780	}
1781	+
1782	.button__white:not(.hover__highlight) .icon {
1783	color: #ffffff;
1784	background: #623cea;
1785	}
1786	+
1787	.button__white.hover__highlight {
1788	color: #623cea;
1789	border-color: rgba(98, 60, 234, 0.2);
1790	}
1791	+
1792	.button__white.hover__highlight .icon {
1793	background: #623cea;
1794	color: #ffffff;

1802	border-color: #f2f2f2;
1803	text-shadow: 0 1px 1px rgba(98, 60, 234, 0.3);
1804	}
1805	+
1806	a.button__white.active:disabled, a.button__white:hover:disabled,
1807	button.button__white.active:disabled,
1808	button.button__white:hover:disabled {
1809	cursor: not-allowed;
1810	background: #fa7d51;
1811	+ -webkit-box-shadow: none;
1812	+ box-shadow: none;
1813	}
1814	+
1815	a.button__white.hover__highlight:hover .icon,
1816	button.button__white.hover__highlight:hover .icon {
1817	background: #623cea;

1822	background: #000000;
1823	color: white;
1824	border-color: #000000;
1825	+ -webkit-transition: all 0.3s ease-in-out 0s;
1826	transition: all 0.3s ease-in-out 0s;
1827	+ -webkit-transition-property: background, color, box-shadow, border;
1828	+ -webkit-transition-property: background, color, border, -webkit-box-shadow;
1829	+ transition-property: background, color, border, -webkit-box-shadow;
1830	transition-property: background, color, box-shadow, border;
1831	+ transition-property: background, color, box-shadow, border, -webkit-box-shadow;
1832	}
1833	+
1834	.button__black:not(.hover__highlight):disabled {
1835	cursor: not-allowed;
1836	background: #fa7d51;
1837	}
1838	+
1839	.button__black:not(.hover__highlight) .icon {
1840	color: #000000;
1841	background: white;
1842	}
1843	+
1844	.button__black.hover__highlight {
1845	color: #623cea;
1846	border-color: rgba(98, 60, 234, 0.2);
1847	}
1848	+
1849	.button__black.hover__highlight .icon {
1850	background: #623cea;
1851	color: #ffffff;

1856	button.button__black:hover:disabled {
1857	cursor: not-allowed;
1858	background: #fa7d51;
1859	+ -webkit-box-shadow: none;
1860	+ box-shadow: none;
1861	}
1862	+
1863	a.button__black.hover__highlight:hover .icon,
1864	button.button__black.hover__highlight:hover .icon {
1865	background: white;

1870	background: #f4f6fc;
1871	color: #623cea;
1872	border-color: #f4f6fc;
1873	+ -webkit-transition: all 0.3s ease-in-out 0s;
1874	transition: all 0.3s ease-in-out 0s;
1875	+ -webkit-transition-property: background, color, box-shadow, border;
1876	+ -webkit-transition-property: background, color, border, -webkit-box-shadow;
1877	+ transition-property: background, color, border, -webkit-box-shadow;
1878	transition-property: background, color, box-shadow, border;
1879	+ transition-property: background, color, box-shadow, border, -webkit-box-shadow;
1880	}
1881	+
1882	.button__grey:not(.hover__highlight):disabled {
1883	cursor: not-allowed;
1884	background: #fa7d51;
1885	}
1886	+
1887	.button__grey:not(.hover__highlight) .icon {
1888	color: #f4f6fc;
1889	background: #623cea;
1890	}
1891	+
1892	.button__grey.hover__highlight {
1893	color: #623cea;
1894	border-color: rgba(98, 60, 234, 0.2);
1895	}
1896	+
1897	.button__grey.hover__highlight .icon {
1898	background: #623cea;
1899	color: #ffffff;

1907	border-color: #e0e6f7;
1908	text-shadow: 0 1px 1px rgba(98, 60, 234, 0.3);
1909	}
1910	+
1911	a.button__grey.active:disabled, a.button__grey:hover:disabled,
1912	button.button__grey.active:disabled,
1913	button.button__grey:hover:disabled {
1914	cursor: not-allowed;
1915	background: #fa7d51;
1916	+ -webkit-box-shadow: none;
1917	+ box-shadow: none;
1918	}
1919	+
1920	a.button__grey.hover__highlight:hover .icon,
1921	button.button__grey.hover__highlight:hover .icon {
1922	background: #623cea;

1927	background: #808da1;
1928	color: white;
1929	border-color: #808da1;
1930	+ -webkit-transition: all 0.3s ease-in-out 0s;
1931	transition: all 0.3s ease-in-out 0s;
1932	+ -webkit-transition-property: background, color, box-shadow, border;
1933	+ -webkit-transition-property: background, color, border, -webkit-box-shadow;
1934	+ transition-property: background, color, border, -webkit-box-shadow;
1935	transition-property: background, color, box-shadow, border;
1936	+ transition-property: background, color, box-shadow, border, -webkit-box-shadow;
1937	}
1938	+
1939	.button__grey2:not(.hover__highlight):disabled {
1940	cursor: not-allowed;
1941	background: #fa7d51;
1942	}
1943	+
1944	.button__grey2:not(.hover__highlight) .icon {
1945	color: #808da1;
1946	background: white;
1947	}
1948	+
1949	.button__grey2.hover__highlight {
1950	color: #623cea;
1951	border-color: rgba(98, 60, 234, 0.2);
1952	}
1953	+
1954	.button__grey2.hover__highlight .icon {
1955	background: #623cea;
1956	color: #ffffff;

1964	border-color: #718096;
1965	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.3);
1966	}
1967	+
1968	a.button__grey2.active:disabled, a.button__grey2:hover:disabled,
1969	button.button__grey2.active:disabled,
1970	button.button__grey2:hover:disabled {
1971	cursor: not-allowed;
1972	background: #fa7d51;
1973	+ -webkit-box-shadow: none;
1974	+ box-shadow: none;
1975	}
1976	+
1977	a.button__grey2.hover__highlight:hover .icon,
1978	button.button__grey2.hover__highlight:hover .icon {
1979	background: white;

1984	background: #1da1f2;
1985	color: white;
1986	border-color: #1da1f2;
1987	+ -webkit-transition: all 0.3s ease-in-out 0s;
1988	transition: all 0.3s ease-in-out 0s;
1989	+ -webkit-transition-property: background, color, box-shadow, border;
1990	+ -webkit-transition-property: background, color, border, -webkit-box-shadow;
1991	+ transition-property: background, color, border, -webkit-box-shadow;
1992	transition-property: background, color, box-shadow, border;
1993	+ transition-property: background, color, box-shadow, border, -webkit-box-shadow;
1994	}
1995	+
1996	.button__twitter:not(.hover__highlight):disabled {
1997	cursor: not-allowed;
1998	background: #fa7d51;
1999	}
2000	+
2001	.button__twitter:not(.hover__highlight) .icon {
2002	color: #1da1f2;
2003	background: white;
2004	}
2005	+
2006	.button__twitter.hover__highlight {
2007	color: #623cea;
2008	border-color: rgba(98, 60, 234, 0.2);
2009	}
2010	+
2011	.button__twitter.hover__highlight .icon {
2012	background: #623cea;
2013	color: #ffffff;

2021	border-color: #0d95e8;
2022	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.3);
2023	}
2024	+
2025	a.button__twitter.active:disabled, a.button__twitter:hover:disabled,
2026	button.button__twitter.active:disabled,
2027	button.button__twitter:hover:disabled {
2028	cursor: not-allowed;
2029	background: #fa7d51;
2030	+ -webkit-box-shadow: none;
2031	+ box-shadow: none;
2032	}
2033	+
2034	a.button__twitter.hover__highlight:hover .icon,
2035	button.button__twitter.hover__highlight:hover .icon {
2036	background: white;

2041	background: #0077b5;
2042	color: white;
2043	border-color: #0077b5;
2044	+ -webkit-transition: all 0.3s ease-in-out 0s;
2045	transition: all 0.3s ease-in-out 0s;
2046	+ -webkit-transition-property: background, color, box-shadow, border;
2047	+ -webkit-transition-property: background, color, border, -webkit-box-shadow;
2048	+ transition-property: background, color, border, -webkit-box-shadow;
2049	transition-property: background, color, box-shadow, border;
2050	+ transition-property: background, color, box-shadow, border, -webkit-box-shadow;
2051	}
2052	+
2053	.button__linkedin:not(.hover__highlight):disabled {
2054	cursor: not-allowed;
2055	background: #fa7d51;
2056	}
2057	+
2058	.button__linkedin:not(.hover__highlight) .icon {
2059	color: #0077b5;
2060	background: white;
2061	}
2062	+
2063	.button__linkedin.hover__highlight {
2064	color: #623cea;
2065	border-color: rgba(98, 60, 234, 0.2);
2066	}
2067	+
2068	.button__linkedin.hover__highlight .icon {
2069	background: #623cea;
2070	color: #ffffff;

2078	border-color: #00669c;
2079	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.3);
2080	}
2081	+
2082	a.button__linkedin.active:disabled, a.button__linkedin:hover:disabled,
2083	button.button__linkedin.active:disabled,
2084	button.button__linkedin:hover:disabled {
2085	cursor: not-allowed;
2086	background: #fa7d51;
2087	+ -webkit-box-shadow: none;
2088	+ box-shadow: none;
2089	}
2090	+
2091	a.button__linkedin.hover__highlight:hover .icon,
2092	button.button__linkedin.hover__highlight:hover .icon {
2093	background: white;

2098	background: #e1306c;
2099	color: white;
2100	border-color: #e1306c;
2101	+ -webkit-transition: all 0.3s ease-in-out 0s;
2102	transition: all 0.3s ease-in-out 0s;
2103	+ -webkit-transition-property: background, color, box-shadow, border;
2104	+ -webkit-transition-property: background, color, border, -webkit-box-shadow;
2105	+ transition-property: background, color, border, -webkit-box-shadow;
2106	transition-property: background, color, box-shadow, border;
2107	+ transition-property: background, color, box-shadow, border, -webkit-box-shadow;
2108	}
2109	+
2110	.button__instagram:not(.hover__highlight):disabled {
2111	cursor: not-allowed;
2112	background: #fa7d51;
2113	}
2114	+
2115	.button__instagram:not(.hover__highlight) .icon {
2116	color: #e1306c;
2117	background: white;
2118	}
2119	+
2120	.button__instagram.hover__highlight {
2121	color: #623cea;
2122	border-color: rgba(98, 60, 234, 0.2);
2123	}
2124	+
2125	.button__instagram.hover__highlight .icon {
2126	background: #623cea;
2127	color: #ffffff;

2135	border-color: #d81f5e;
2136	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.3);
2137	}
2138	+
2139	a.button__instagram.active:disabled, a.button__instagram:hover:disabled,
2140	button.button__instagram.active:disabled,
2141	button.button__instagram:hover:disabled {
2142	cursor: not-allowed;
2143	background: #fa7d51;
2144	+ -webkit-box-shadow: none;
2145	+ box-shadow: none;
2146	}
2147	+
2148	a.button__instagram.hover__highlight:hover .icon,
2149	button.button__instagram.hover__highlight:hover .icon {
2150	background: white;

2161	border: 0;
2162	font-weight: 700;
2163	padding: 0 20px;
2164	+ -webkit-box-shadow: none;
2165	+ box-shadow: none;
2166	font-family: "DM Sans", sans-serif;
2167	background: #f4f6fc;
2168	}
2169	+
2170	.disablecommentswrap .button:hover, .disablecommentswrap .button:focus {
2171	+ -webkit-box-shadow: none;
2172	+ box-shadow: none;
2173	border: 0;
2174	color: #ffffff;
2175	background: #05cb6b;
2176	}
2177	+
2178	.disablecommentswrap .button.button__fade {
2179	+ display: -webkit-box;
2180	+ display: -ms-flexbox;
2181	display: flex;
2182	+ -webkit-box-align: center;
2183	+ -ms-flex-align: center;
2184	+ align-items: center;
2185	min-width: 190px;
2186	+ -webkit-box-pack: center;
2187	+ -ms-flex-pack: center;
2188	+ justify-content: center;
2189	}
2190	+
2191	@media (max-width: 991.98px) {
2192	.disablecommentswrap .button {
2193	height: 50px;

2195	font-size: 13px;
2196	}
2197	}
2198	+
2199	.disablecommentswrap .button__delete {
2200	color: #ffffff;
2201	background: #e0061a;
2202	}
2203	+
2204	.disablecommentswrap .button__delete:hover, .disablecommentswrap .button__delete:focus {
2205	background: red;
2206	color: #ffffff;
2207	}
2208	+
2209	.disablecommentswrap .button__success {
2210	color: #ffffff;
2211	background: #05cb6b;
2212	opacity: 0.6;
2213	}
2214	+
2215	.disablecommentswrap .button__success:hover, .disablecommentswrap .button__success:focus {
2216	background: rgba(5, 203, 107, 0.9);
2217	color: #ffffff;
2218	}
2219	+
2220	.disablecommentswrap .button__success.form-dirty {
2221	opacity: 1;
2222	}
2223	+
2224	.disablecommentswrap .button--sm {
2225	height: 40px;
2226	line-height: 40px;
2227	}
2228	+
2229	.disablecommentswrap .button__group .button:not(:last-child) {
2230	margin-right: 15px;
2231	}

2238	border: 0;
2239	font-weight: 700;
2240	padding: 0 20px;
2241	+ -webkit-box-shadow: none;
2242	box-shadow: none;
2243	outline: none;
2244	background: #f4f6fc !important;

2252	border: 0;
2253	font-weight: 700;
2254	padding: 0 20px;
2255	+ -webkit-box-shadow: none;
2256	box-shadow: none;
2257	outline: none;
2258	background: #e0061a !important;
2259	}
2260	+
2261	.confirmButton:focus {
2262	outline: none !important;
2263	+ -webkit-box-shadow: none !important;
2264	+ box-shadow: none !important;
2265	}
2266
2267	#eael-spinner {

2279	-moz-animation-duration: 1.2s;
2280	-moz-animation-iteration-count: infinite;
2281	-moz-animation-timing-function: linear;
2282	+ transition-property: -webkit-transform;
2283	transition-property: transform;
2284	+ transition-property: transform, -webkit-transform;
2285	animation-name: rotate;
2286	+ -webkit-animation-duration: 1.2s;
2287	+ animation-duration: 1.2s;
2288	animation-iteration-count: infinite;
2289	animation-timing-function: linear;
2290	}
2291	+
2292	+ @-webkit-keyframes rotate {
2293	+ from {
2294	+ -webkit-transform: rotate(0deg);
2295	+ }
2296	+ to {
2297	+ -webkit-transform: rotate(360deg);
2298	+ }
2299	+ }
2300	+
2301	@keyframes rotate {
2302	from {
2303	+ -webkit-transform: rotate(0deg);
2304	+ transform: rotate(0deg);
2305	}
2306	to {
2307	+ -webkit-transform: rotate(360deg);
2308	+ transform: rotate(360deg);
2309	}
2310	}
2311	+
2312	.disable__comment__alert {
2313	+ display: -webkit-box;
2314	+ display: -ms-flexbox;
2315	display: flex;
2316	+ -webkit-box-align: center;
2317	+ -ms-flex-align: center;
2318	+ align-items: center;
2319	padding: 10px 20px;
2320	border: 0;
2321	}
2322	+
2323	@media (max-width: 767.98px) {
2324	.disable__comment__alert {
2325	display: block;

2328	margin-top: 20px;
2329	}
2330	}
2331	+
2332	.disable__comment__alert .alert__content {
2333	+ display: -webkit-box;
2334	+ display: -ms-flexbox;
2335	display: flex;
2336	+ -webkit-box-align: center;
2337	+ -ms-flex-align: center;
2338	+ align-items: center;
2339	padding-right: 20px;
2340	+ -ms-flex-wrap: wrap;
2341	+ flex-wrap: wrap;
2342	+ -webkit-box-flex: 1;
2343	+ -ms-flex: 1;
2344	+ flex: 1;
2345	}
2346	+
2347	@media (max-width: 767.98px) {
2348	.disable__comment__alert .alert__content {
2349	padding-right: 0;
2350	}
2351	}
2352	+
2353	@media (max-width: 575.98px) {
2354	.disable__comment__alert .alert__content {
2355	display: block;
2356	}
2357	}
2358	+
2359	.disable__comment__alert .alert__content img {
2360	margin-right: 15px;
2361	height: 30px;
2362	}
2363	+
2364	@media (max-width: 575.98px) {
2365	.disable__comment__alert .alert__content img {
2366	margin-bottom: 10px;
2367	}
2368	}
2369	+
2370	.disable__comment__alert .alert__content p {
2371	font-size: 18px;
2372	font-weight: 500;
2373	color: #22282d;
2374	font-family: "DM Sans", sans-serif;
2375	}
2376	+
2377	.disable__comment__alert .alert__content a.wpinsights-disable-comments-collect {
2378	color: #05cb6b;
2379	}
2380	+
2381	.disable__comment__alert .alert__content a.wpinsights-disable-comments-collect:hover,
2382	.disable__comment__alert .alert__content a.wpinsights-disable-comments-collect:visited,
2383	.disable__comment__alert .alert__content a.wpinsights-disable-comments-collect:focus {
2384	outline: none;
2385	border: none;
2386	+ -webkit-box-shadow: none;
2387	+ box-shadow: none;
2388	}
2389	+
2390	.disable__comment__alert .alert__content .wpinsights-data {
2391	margin-top: 10px;
2392	}
2393	+
2394	.disable__comment__alert .alert__content .wpinsights-data p {
2395	font-size: 13px;
2396	}
2397	+
2398	.disable__comment__alert .button__group {
2399	text-align: right;
2400	}
2401	+
2402	@media (max-width: 767.98px) {
2403	.disable__comment__alert .button__group {
2404	text-align: left;
2405	}
2406	}
2407	+
2408	.disable__comment__alert .button__group .button {
2409	margin-right: 0;
2410	margin-top: 5px;
2411	margin-bottom: 5px;
2412	}
2413	+
2414	.disable__comment__alert .button__group .button:not(:last-child) {
2415	margin-right: 0;
2416	}
2417	+
2418	.disable__comment__alert .button__group .button:not(:first-child) {
2419	margin-left: 15px;
2420	}
2421	+
2422	@media (max-width: 767.98px) {
2423	.disable__comment__alert .button__group .button {
2424	margin-right: 10px;

2435	text-align: center;
2436	margin-bottom: 50px;
2437	}
2438	+
2439	.section__header h2 {
2440	font-size: 24px;
2441	font-weight: 700;

2448	border-radius: 5px;
2449	position: relative;
2450	}
2451	+
2452	.disable__comment__nav__wrap .plugin__version {
2453	position: absolute;
2454	font-size: 16px;

2457	font-family: "DM Sans", sans-serif;
2458	top: 50%;
2459	right: 30px;
2460	+ -webkit-transform: translateY(-50%);
2461	+ transform: translateY(-50%);
2462	}
2463	+
2464	@media (max-width: 767.98px) {
2465	.disable__comment__nav__wrap .plugin__version {
2466	position: static;
2467	top: 0;
2468	+ -webkit-transform: translateY(0);
2469	+ transform: translateY(0);
2470	padding: 10px 10px 10px 20px;
2471	}
2472	}
2473	+
2474	.disable__comment__nav__wrap .disable__comment__nav {
2475	+ display: -webkit-box;
2476	+ display: -ms-flexbox;
2477	display: flex;
2478	+ -ms-flex-wrap: wrap;
2479	+ flex-wrap: wrap;
2480	margin-top: 0;
2481	}
2482	+
2483	.disable__comment__nav__wrap .disable__comment__nav .disable__comment__nav__item {
2484	margin-bottom: 0;
2485	}
2486	+
2487	.disable__comment__nav__wrap .disable__comment__nav .disable__comment__nav__item .disable__comment__nav__link {
2488	font-size: 16px;
2489	font-weight: 700;

2492	font-family: "DM Sans", sans-serif;
2493	padding: 17px 20px;
2494	outline: none;
2495	+ -webkit-box-shadow: none;
2496	+ box-shadow: none;
2497	}
2498	+
2499	.disable__comment__nav__wrap .disable__comment__nav .disable__comment__nav__item .disable__comment__nav__link.active {
2500	color: #22282d;
2501	position: relative;
2502	}
2503	+
2504	.disable__comment__nav__wrap .disable__comment__nav .disable__comment__nav__item .disable__comment__nav__link.active:before {
2505	position: absolute;
2506	left: 0;

2510	background: #e0061a;
2511	content: "";
2512	}
2513	+
2514	@media (max-width: 991.98px) {
2515	.disable__comment__nav__wrap .disable__comment__nav .disable__comment__nav__item .disable__comment__nav__link {
2516	font-size: 18px;
2517	}
2518	}
2519	+
2520	@media (max-width: 575.98px) {
2521	.disable__comment__nav__wrap .disable__comment__nav .disable__comment__nav__item .disable__comment__nav__link {
2522	font-size: 16px;

2530	.disable__comment__tab__item {
2531	display: none;
2532	}
2533	+
2534	.disable__comment__tab__item.show {
2535	display: block;
2536	}
2537
2538	+ .sites_list_wrapper .sites_list {
2539	+ display: -webkit-box;
2540	+ display: -ms-flexbox;
2541	+ display: flex;
2542	+ width: 100%;
2543	+ -ms-flex-wrap: wrap;
2544	+ flex-wrap: wrap;
2545	+ }
2546	+
2547	+ .sites_list_wrapper .sites_list .subsite__checklist__item {
2548	+ -webkit-box-flex: 0;
2549	+ -ms-flex: 0 0 285px;
2550	+ flex: 0 0 285px;
2551	+ }
2552	+
2553	+ .sites_list_wrapper .sites_list .subsite__checklist__item label {
2554	+ word-break: break-all;
2555	+ }
2556	+
2557	.disable__comment__option .title {
2558	font-size: 22px;
2559	font-weight: 500;
2560	color: #22282d;
2561	margin-bottom: 5px;
2562	}
2563	+
2564	.disable__comment__option .subtitle {
2565	color: #687b95;
2566	font-size: 14px;

2569	padding-left: 0;
2570	line-height: 1.5;
2571	}
2572	+
2573	.disable__comment__option .subtitle .danger {
2574	color: #e0061a;
2575	font-weight: 500;
2576	}
2577	+
2578	.disable__comment__option .disable_option {
2579	border-radius: 5px;
2580	}
2581	+
2582	.disable__comment__option .disable_option h3 {
2583	font-size: 18px;
2584	font-weight: 500;

2589	display: block;
2590	margin-bottom: 15px;
2591	}
2592	+
2593	+ .disable__comment__option .disable_option input[type="radio"] {
2594	display: none;
2595	}
2596	+
2597	+ .disable__comment__option .disable_option input[type="radio"]:checked ~ label:before {
2598	border-color: #05cb6b;
2599	}
2600	+
2601	+ .disable__comment__option .disable_option input[type="radio"]:checked ~ label:after {
2602	opacity: 1;
2603	}
2604	+
2605	+ .disable__comment__option .disable_option input[type="radio"] ~ label {
2606	font-size: 18px;
2607	font-weight: 500;
2608	color: #22282d;

2613	display: block;
2614	margin-bottom: 15px;
2615	}
2616	+
2617	+ .disable__comment__option .disable_option input[type="radio"] ~ label:before {
2618	position: absolute;
2619	top: 4px;
2620	left: 0;

2624	border: 1px solid #687b95;
2625	content: "";
2626	}
2627	+
2628	+ .disable__comment__option .disable_option input[type="radio"] ~ label:after {
2629	position: absolute;
2630	top: 7px;
2631	left: 3px;

2636	background: #05cb6b;
2637	content: "";
2638	opacity: 0;
2639	+ -webkit-transition: all 0.3s ease;
2640	transition: all 0.3s ease;
2641	}
2642	+
2643	+ .disable__comment__option .disable_option input[type="radio"] ~ label span {
2644	font-size: 16px;
2645	font-weight: 400;
2646	color: #687b95;
2647	}
2648	+
2649	.disable__comment__option .disable_option .disable__checklist {
2650	+ display: -webkit-box;
2651	+ display: -ms-flexbox;
2652	display: flex;
2653	+ -ms-flex-wrap: wrap;
2654	+ flex-wrap: wrap;
2655	}
2656	+
2657	.disable__comment__option .disable_option .disable__checklist .disable__checklist__item {
2658	+ -webkit-box-flex: 0;
2659	+ -ms-flex: 0 0 140px;
2660	+ flex: 0 0 140px;
2661	margin-right: 10px;
2662	margin-bottom: 10px;
2663	}
2664	+
2665	.disable__comment__option .disable_option .disable__checklist .disable__checklist__item input {
2666	display: none;
2667	}
2668	+
2669	.disable__comment__option .disable_option .disable__checklist .disable__checklist__item input:checked ~ label:before {
2670	border-color: #00b2fc;
2671	background: #00b2fc;
2672	}
2673	+
2674	.disable__comment__option .disable_option .disable__checklist .disable__checklist__item input:checked ~ label:after {
2675	opacity: 1;
2676	}
2677	+
2678	.disable__comment__option .disable_option .disable__checklist .disable__checklist__item label {
2679	font-size: 16px;
2680	font-weight: 500;

2685	padding-left: 25px;
2686	display: block;
2687	}
2688	+
2689	.disable__comment__option .disable_option .disable__checklist .disable__checklist__item label:before {
2690	position: absolute;
2691	top: 4px;

2695	border: 1px solid #687b95;
2696	content: "";
2697	}
2698	+
2699	.disable__comment__option .disable_option .disable__checklist .disable__checklist__item label:after {
2700	position: absolute;
2701	top: -2px;

2705	border: 0;
2706	content: url(../img/check.png);
2707	opacity: 0;
2708	+ -webkit-transition: all 0.3s ease;
2709	transition: all 0.3s ease;
2710	}
2711	+
2712	.disable__comment__option .disable_option .delete__checklist {
2713	+ display: -webkit-box;
2714	+ display: -ms-flexbox;
2715	display: flex;
2716	+ -ms-flex-wrap: wrap;
2717	+ flex-wrap: wrap;
2718	margin-bottom: 10px;
2719	}
2720	+
2721	.disable__comment__option .disable_option .delete__checklist.disabled__sites .delete__checklist__item {
2722	+ -webkit-box-flex: 0;
2723	+ -ms-flex: 0 1 200px;
2724	+ flex: 0 1 200px;
2725	}
2726	+
2727	.disable__comment__option .disable_option .delete__checklist.disabled__sites .delete__checklist__item:nth-child(1) {
2728	+ -ms-flex-preferred-size: 100%;
2729	+ flex-basis: 100%;
2730	}
2731	+
2732	.disable__comment__option .disable_option .delete__checklist.disabled__sites .delete__checklist__item:nth-child(1) label {
2733	display: inline-block;
2734	}
2735	+
2736	.disable__comment__option .disable_option .delete__checklist .delete__checklist__item {
2737	+ -webkit-box-flex: 0;
2738	+ -ms-flex: 0 0 130px;
2739	+ flex: 0 0 130px;
2740	margin-right: 10px;
2741	margin-bottom: 10px;
2742	}
2743	+
2744	.disable__comment__option .disable_option .delete__checklist .delete__checklist__item input {
2745	display: none;
2746	}
2747	+
2748	.disable__comment__option .disable_option .delete__checklist .delete__checklist__item input:checked ~ label:before {
2749	border-color: #00b2fc;
2750	background: #00b2fc;
2751	}
2752	+
2753	.disable__comment__option .disable_option .delete__checklist .delete__checklist__item input:checked ~ label:after {
2754	opacity: 1;
2755	}
2756	+
2757	.disable__comment__option .disable_option .delete__checklist .delete__checklist__item label {
2758	font-size: 18px;
2759	font-weight: 500;

2764	padding-left: 25px;
2765	display: block;
2766	}
2767	+
2768	.disable__comment__option .disable_option .delete__checklist .delete__checklist__item label:before {
2769	position: absolute;
2770	top: 4px;

2774	border: 1px solid #687b95;
2775	content: "";
2776	}
2777	+
2778	.disable__comment__option .disable_option .delete__checklist .delete__checklist__item label:after {
2779	position: absolute;
2780	top: -2px;

2784	border: 0;
2785	content: url(../img/check.png);
2786	opacity: 0;
2787	+ -webkit-transition: all 0.3s ease;
2788	transition: all 0.3s ease;
2789	}
2790	+
2791	.disable__comment__option .disable_option .remove__checklist {
2792	+ display: -webkit-box;
2793	+ display: -ms-flexbox;
2794	display: flex;
2795	+ -ms-flex-wrap: wrap;
2796	+ flex-wrap: wrap;
2797	margin-bottom: 10px;
2798	}
2799	+
2800	.disable__comment__option .disable_option .remove__checklist.disabled__sites .remove__checklist__item {
2801	+ -webkit-box-flex: 0;
2802	+ -ms-flex: 0 1 200px;
2803	+ flex: 0 1 200px;
2804	}
2805	+
2806	.disable__comment__option .disable_option .remove__checklist.disabled__sites .remove__checklist__item:nth-child(1) {
2807	+ -ms-flex-preferred-size: 100%;
2808	+ flex-basis: 100%;
2809	}
2810	+
2811	.disable__comment__option .disable_option .remove__checklist.disabled__sites .remove__checklist__item:nth-child(1) label {
2812	display: inline-block;
2813	}
2814	+
2815	.disable__comment__option .disable_option .remove__checklist .remove__checklist__item {
2816	+ -webkit-box-flex: 0;
2817	+ -ms-flex: 0 0 130px;
2818	+ flex: 0 0 130px;
2819	margin-right: 10px;
2820	margin-bottom: 10px;
2821	}
2822	+
2823	.disable__comment__option .disable_option .remove__checklist .remove__checklist__item input {
2824	display: none;
2825	}
2826	+
2827	.disable__comment__option .disable_option .remove__checklist .remove__checklist__item input:checked ~ label:before {
2828	border-color: #00b2fc;
2829	background: #00b2fc;
2830	}
2831	+
2832	.disable__comment__option .disable_option .remove__checklist .remove__checklist__item input:checked ~ label:after {
2833	opacity: 1;
2834	}
2835	+
2836	.disable__comment__option .disable_option .remove__checklist .remove__checklist__item label {
2837	font-size: 18px;
2838	font-weight: 500;

2843	padding-left: 25px;
2844	display: block;
2845	}
2846	+
2847	.disable__comment__option .disable_option .remove__checklist .remove__checklist__item label:before {
2848	position: absolute;
2849	top: 4px;

2853	border: 1px solid #687b95;
2854	content: "";
2855	}
2856	+
2857	.disable__comment__option .disable_option .remove__checklist .remove__checklist__item label:after {
2858	position: absolute;
2859	top: -2px;

2863	border: 0;
2864	content: url(../img/check.png);
2865	opacity: 0;
2866	+ -webkit-transition: all 0.3s ease;
2867	transition: all 0.3s ease;
2868	}
2869	+
2870	.disable__comment__option .disable_option .dissable__switch__item {
2871	margin-bottom: 10px;
2872	}
2873	+
2874	.disable__comment__option .disable_option .dissable__switch__item input {
2875	display: none;
2876	}
2877	+
2878	.disable__comment__option .disable_option .dissable__switch__item input:checked ~ label {
2879	color: #22282d;
2880	}
2881	+
2882	.disable__comment__option .disable_option .dissable__switch__item input:checked ~ label .switch {
2883	background: #05cb6b;
2884	}
2885	+
2886	.disable__comment__option .disable_option .dissable__switch__item input:checked ~ label .switch:before {
2887	left: 23px;
2888	}
2889	+
2890	.disable__comment__option .disable_option .dissable__switch__item input:checked ~ label .switch .switch__text {
2891	left: 5px;
2892	}
2893	+
2894	.disable__comment__option .disable_option .dissable__switch__item input:checked ~ label .switch .switch__text.on {
2895	display: block;
2896	}
2897	+
2898	.disable__comment__option .disable_option .dissable__switch__item input:checked ~ label .switch .switch__text.off {
2899	display: none;
2900	}
2901	+
2902	.disable__comment__option .disable_option .dissable__switch__item label {
2903	font-size: 16px;
2904	font-weight: 500;
2905	color: #687b95;
2906	font-family: "DM Sans", sans-serif;
2907	+ display: -webkit-inline-box;
2908	+ display: -ms-inline-flexbox;
2909	display: inline-flex;
2910	+ -webkit-box-align: center;
2911	+ -ms-flex-align: center;
2912	+ align-items: center;
2913	}
2914	+
2915	@media (max-width: 479.98px) {
2916	.disable__comment__option .disable_option .dissable__switch__item label {
2917	font-size: 14px;
2918	}
2919	}
2920	+
2921	.disable__comment__option .disable_option .dissable__switch__item label .switch {
2922	+ -webkit-box-flex: 0;
2923	+ -ms-flex: 0 0 35px;
2924	+ flex: 0 0 35px;
2925	height: 16px;
2926	width: 35px;
2927	margin-right: 20px;

2935	font-family: "DM Sans", sans-serif;
2936	padding: 2px 5px;
2937	position: relative;
2938	+ -webkit-transition: all 0.3s ease;
2939	transition: all 0.3s ease;
2940	}
2941	+
2942	@media (max-width: 479.98px) {
2943	.disable__comment__option .disable_option .dissable__switch__item label .switch {
2944	font-size: 10px;
2945	}
2946	}
2947	+
2948	.disable__comment__option .disable_option .dissable__switch__item label .switch:before {
2949	position: absolute;
2950	top: 4px;

2954	height: 8px;
2955	width: 8px;
2956	content: "";
2957	+ -webkit-transition: all 0.3s ease;
2958	transition: all 0.3s ease;
2959	}
2960	+
2961	.disable__comment__option .disable_option .dissable__switch__item label .switch .switch__text {
2962	position: absolute;
2963	top: 2px;
2964	left: 16px;
2965	+ -webkit-transition: all 0.3s ease;
2966	transition: all 0.3s ease;
2967	}
2968	+
2969	.disable__comment__option .disable_option .dissable__switch__item label .switch .switch__text.on {
2970	display: none;
2971	}
2972	+
2973	.disable__comment__option .disable_option .delete__feedback {
2974	margin-bottom: 10px;
2975	}
2976	+
2977	.disable__comment__option .disable_option .delete__feedback label {
2978	font-size: 14px;
2979	}
2980	+
2981	.disable__comment__option .disable_option .delete__feedback .delete__feedback__item {
2982	position: relative;
2983	display: inline-block;
2984	padding-right: 8px;
2985	}
2986	+
2987	.disable__comment__option .disable_option .delete__feedback .delete__feedback__item:not(:last-child):before {
2988	position: absolute;
2989	top: 7px;

2993	background: #687b95;
2994	content: "";
2995	}
2996	+
2997	.disable__comment__option .disable_option .delete__feedback .delete__feedback__item:last-child {
2998	padding-left: 8px;
2999	}
3000	+
3001	.disable__comment__option .disable_option .delete__feedback .delete__feedback__item a {
3002	font-size: 18px;
3003	font-weight: 500;
3004	color: #687b95;
3005	outline: none;
3006	+ -webkit-box-shadow: none;
3007	+ box-shadow: none;
3008	}
3009	+
3010	.disable__comment__option .disable_option .disable__option__description {
3011	font-size: 15px;
3012	font-weight: 400;

3014	color: #687b95;
3015	font-family: "DM Sans", sans-serif;
3016	}
3017	+
3018	.disable__comment__option .disable_option .disable__option__description .danger {
3019	color: #e0061a;
3020	font-weight: 500;
3021	}
3022	+
3023	.disable__comment__option .total-comments {
3024	font-size: 16px;
3025	line-height: 26px;

3027	color: #687b95;
3028	}
3029
3030	+ .subsite__checklist__item {
3031	+ -webkit-box-flex: 0;
3032	+ -ms-flex: 0 0 130px;
3033	+ flex: 0 0 130px;
3034	+ margin-right: 10px;
3035	+ margin-bottom: 10px;
3036	+ }
3037	+
3038	+ .subsite__checklist__item input {
3039	+ display: none;
3040	+ }
3041	+
3042	+ .subsite__checklist__item input:checked ~ label:before {
3043	+ border-color: #00b2fc;
3044	+ background: #00b2fc;
3045	+ }
3046	+
3047	+ .subsite__checklist__item input:checked ~ label:after {
3048	+ opacity: 1;
3049	+ }
3050	+
3051	+ .subsite__checklist__item label {
3052	+ font-size: 18px;
3053	+ font-weight: 500;
3054	+ color: #687b95;
3055	+ font-family: "DM Sans", sans-serif;
3056	+ position: relative;
3057	+ line-height: 1.3;
3058	+ padding-left: 25px;
3059	+ display: inline-block;
3060	+ }
3061	+
3062	+ .subsite__checklist__item label:before {
3063	+ position: absolute;
3064	+ top: 4px;
3065	+ left: 0;
3066	+ height: 12px;
3067	+ width: 12px;
3068	+ border: 1px solid #687b95;
3069	+ content: "";
3070	+ }
3071	+
3072	+ .subsite__checklist__item label:after {
3073	+ position: absolute;
3074	+ top: -2px;
3075	+ left: 2px;
3076	+ height: 13px;
3077	+ width: 13px;
3078	+ border: 0;
3079	+ content: url(../img/check.png);
3080	+ opacity: 0;
3081	+ -webkit-transition: all 0.3s ease;
3082	+ transition: all 0.3s ease;
3083	+ }
3084	+
3085	+ .paginationjs-pages ul {
3086	+ margin-top: 0;
3087	+ display: -webkit-box;
3088	+ display: -ms-flexbox;
3089	+ display: flex;
3090	+ -webkit-box-align: center;
3091	+ -ms-flex-align: center;
3092	+ align-items: center;
3093	+ }
3094	+
3095	+ .paginationjs-pages ul li a {
3096	+ font-size: 20px;
3097	+ border: 1px solid rgba(0, 0, 0, 0.1);
3098	+ padding: 0 20px;
3099	+ cursor: pointer;
3100	+ color: #687b95;
3101	+ }
3102	+
3103	+ .paginationjs-pages ul li a:hover {
3104	+ color: #05cb6b;
3105	+ }
3106	+
3107	+ .paginationjs-pages ul li.paginationjs-next a {
3108	+ border-top-right-radius: 8px;
3109	+ border-bottom-right-radius: 8px;
3110	+ }
3111	+
3112	+ .paginationjs-pages ul li.paginationjs-prev a {
3113	+ border-top-left-radius: 8px;
3114	+ border-bottom-left-radius: 8px;
3115	+ }
3116	+
3117	+ .paginationjs-pages ul li.disabled a {
3118	+ cursor: not-allowed;
3119	+ background-color: rgba(0, 0, 0, 0.05);
3120	+ }
3121	+
3122	+ .paginationjs-pages ul li.disabled a:hover {
3123	+ color: #687b95;
3124	+ }
3125	+
3126	+ .has-pagination.disabled .paginationjs-pages li a {
3127	+ opacity: .3;
3128	+ }
3129	+
3130	+ .has-pagination.disabled .paginationjs-pages li a:hover {
3131	+ color: #687b95;
3132	+ }
3133	+
3134	+ .item__number__controller {
3135	+ -webkit-box-align: center;
3136	+ -ms-flex-align: center;
3137	+ align-items: center;
3138	+ }
3139	+
3140	+ .item__number__controller p {
3141	+ margin-right: 10px;
3142	+ }
3143	+
3144	+ .dc-select {
3145	+ position: relative;
3146	+ }
3147	+
3148	+ .dc-select .icon {
3149	+ position: absolute;
3150	+ }
3151	+
3152	+ .dc-select select {
3153	+ -webkit-appearance: none;
3154	+ -moz-appearance: none;
3155	+ appearance: none;
3156	+ }
3157	+
3158	+ .nothing-found {
3159	+ text-align: center;
3160	+ -webkit-box-flex: 1;
3161	+ -ms-flex: 1;
3162	+ flex: 1;
3163	+ }
3164	+
3165	+ .nothing-found p {
3166	+ font-size: 16px;
3167	+ font-weight: 400;
3168	+ color: #808da1;
3169	+ margin-bottom: 15px;
3170	+ }
3171	+
3172	.dc-item__card_wrap {
3173	height: 100%;
3174	+ display: -webkit-box;
3175	+ display: -ms-flexbox;
3176	display: flex;
3177	}
3178

3181	padding: 10px;
3182	border-radius: 5px;
3183	margin-bottom: 30px;
3184	+ -webkit-box-flex: 1;
3185	+ -ms-flex-positive: 1;
3186	+ flex-grow: 1;
3187	}
3188	+
3189	.dc-item__card .thumb img {
3190	vertical-align: middle;
3191	border-style: none;
3192	}
3193	+
3194	.dc-item__card .card__content {
3195	padding: 25px 10px;
3196	text-align: center;
3197	}
3198	+
3199	.dc-item__card .card__content h3 {
3200	font-size: 20px;
3201	font-weight: 500;

3203	color: #22282d;
3204	margin-bottom: 10px;
3205	}
3206	+
3207	.dc-item__card .card__content p {
3208	font-size: 14px;
3209	font-weight: 400;

3217	max-width: 450px;
3218	padding-bottom: 25px;
3219	}
3220	+
3221	.dc-tutorials h3 {
3222	font-size: 20px;
3223	font-weight: 500;

3225	font-family: "DM Sans", sans-serif;
3226	margin-bottom: 20px;
3227	}
3228	+
3229	@media (max-width: 479.98px) {
3230	.dc-tutorials h3 {
3231	font-size: 20px;
3232	}
3233	}
3234	+
3235	.dc-tutorials .tutorial__list .tutorial__item {
3236	+ display: -webkit-box;
3237	+ display: -ms-flexbox;
3238	display: flex;
3239	}
3240	+
3241	.dc-tutorials .tutorial__list .tutorial__item:not(:last-child) {
3242	margin-bottom: 20px;
3243	}
3244	+
3245	.dc-tutorials .tutorial__list .tutorial__item .icon {
3246	+ -webkit-box-flex: 0;
3247	+ -ms-flex: 0 0 50px;
3248	+ flex: 0 0 50px;
3249	max-width: 50px;
3250	height: 50px;
3251	border-radius: 5px;

3253	padding: 14px;
3254	margin-right: 15px;
3255	}
3256	+
3257	.dc-tutorials .tutorial__list .tutorial__item .icon svg path {
3258	fill: #808da1;
3259	+ -webkit-transition: all .3s ease;
3260	+ transition: all .3s ease;
3261	}
3262	+
3263	.dc-tutorials .tutorial__list .tutorial__item h4 {
3264	font-size: 15px;
3265	line-height: 1.6;
3266	font-weight: 500;
3267	color: #687b95;
3268	font-family: "DM Sans", sans-serif;
3269	+ -webkit-transition: all .3s ease;
3270	+ transition: all .3s ease;
3271	}
3272	+
3273	@media (max-width: 1599.98px) {
3274	.dc-tutorials .tutorial__list .tutorial__item h4 {
3275	font-size: 14px;
3276	}
3277	}
3278	+
3279	.dc-tutorials .tutorial__list .tutorial__item h4 a {
3280	outline: none;
3281	+ -webkit-box-shadow: none;
3282	+ box-shadow: none;
3283	}
3284	+
3285	.dc-tutorials .tutorial__list .tutorial__item:hover .icon svg path {
3286	fill: #05cb6b;
3287	}
3288	+
3289	.dc-tutorials .tutorial__list .tutorial__item:hover h4 {
3290	color: #22282d;
3291	}

3296	background: #ffffff;
3297	max-width: 450px;
3298	}
3299	+
3300	.blog__post .thumb {
3301	position: relative;
3302	}
3303	+
3304	.blog__post .thumb img {
3305	width: 100%;
3306	}
3307	+
3308	.blog__post .thumb .play__btn {
3309	position: absolute;
3310	top: 50%;
3311	left: 50%;
3312	+ -webkit-transform: translate(-50%, -50%);
3313	+ transform: translate(-50%, -50%);
3314	height: 50px;
3315	width: 50px;
3316	border-radius: 50%;
3317	background: #05cb6b;
3318	+ display: -webkit-box;
3319	+ display: -ms-flexbox;
3320	display: flex;
3321	+ -webkit-box-pack: center;
3322	+ -ms-flex-pack: center;
3323	+ justify-content: center;
3324	+ -webkit-box-align: center;
3325	+ -ms-flex-align: center;
3326	+ align-items: center;
3327	outline: none;
3328	+ -webkit-box-shadow: none;
3329	+ box-shadow: none;
3330	}
3331	+
3332	.blog__post .thumb .play__btn span {
3333	width: 0;
3334	height: 0;

3336	border-bottom: 8px solid transparent;
3337	border-left: 10px solid #ffffff;
3338	}
3339	+
3340	.blog__post .blog__post__content {
3341	padding: 5px 10px;
3342	}
3343	+
3344	.blog__post .blog__post__content h4 {
3345	font-size: 16px;
3346	font-weight: 500;

3357	.footer__content {
3358	text-align: center;
3359	}
3360	+
3361	.footer__content .footer__nav ul {
3362	+ display: -webkit-box;
3363	+ display: -ms-flexbox;
3364	display: flex;
3365	+ -ms-flex-wrap: wrap;
3366	+ flex-wrap: wrap;
3367	+ -webkit-box-pack: center;
3368	+ -ms-flex-pack: center;
3369	+ justify-content: center;
3370	}
3371	+
3372	.footer__content .footer__nav ul li {
3373	margin-bottom: 15px;
3374	padding: 0 10px;
3375	position: relative;
3376	line-height: 1;
3377	}
3378	+
3379	.footer__content .footer__nav ul li:not(:last-child):before {
3380	position: absolute;
3381	top: 2px;

3385	background: #687b95;
3386	content: "";
3387	}
3388	+
3389	.footer__content .footer__nav ul li a {
3390	font-size: 16px;
3391	font-weight: 400;
3392	color: #687b95;
3393	line-height: inherit;
3394	outline: none;
3395	+ -webkit-box-shadow: none;
3396	+ box-shadow: none;
3397	}
3398	+
3399	@media (max-width: 767.98px) {
3400	.footer__content .footer__nav ul li a {
3401	font-size: 14px;

3422	}
3423
3424	.dc-quick__setup__nav {
3425	+ display: -webkit-box;
3426	+ display: -ms-flexbox;
3427	display: flex;
3428	+ -webkit-box-pack: center;
3429	+ -ms-flex-pack: center;
3430	+ justify-content: center;
3431	+ -webkit-box-align: center;
3432	+ -ms-flex-align: center;
3433	+ align-items: center;
3434	padding: 0;
3435	margin: 0;
3436	}
3437	+
3438	@media (max-width: 767.98px) {
3439	.dc-quick__setup__nav {
3440	+ -ms-flex-wrap: wrap;
3441	+ flex-wrap: wrap;
3442	}
3443	}
3444	+
3445	.dc-quick__setup__nav .quick__setup__item {
3446	padding: 0 25px;
3447	position: relative;
3448	}
3449	+
3450	.dc-quick__setup__nav .quick__setup__item:not(:last-child):before {
3451	position: absolute;
3452	top: 50%;
3453	left: 50%;
3454	+ -webkit-transform: translateY(-50%);
3455	+ transform: translateY(-50%);
3456	height: 3px;
3457	width: 100%;
3458	content: "";
3459	background: #d8dde7;
3460	}
3461	+
3462	@media (max-width: 767.98px) {
3463	.dc-quick__setup__nav .quick__setup__item:not(:last-child):before {
3464	height: 0;
3465	width: 0;
3466	}
3467	}
3468	+
3469	@media (max-width: 1199.98px) {
3470	.dc-quick__setup__nav .quick__setup__item {
3471	padding: 0 15px;
3472	}
3473	}
3474	+
3475	.dc-quick__setup__nav .quick__setup__item .quick__setup__link {
3476	text-transform: uppercase;
3477	font-size: 14px;

3485	position: relative;
3486	z-index: 1;
3487	outline: none;
3488	+ -webkit-box-shadow: none;
3489	+ box-shadow: none;
3490	}
3491	+
3492	@media (max-width: 1199.98px) {
3493	.dc-quick__setup__nav .quick__setup__item .quick__setup__link {
3494	width: auto;
3495	padding: 13px 20px;
3496	}
3497	}
3498	+
3499	@media (max-width: 767.98px) {
3500	.dc-quick__setup__nav .quick__setup__item .quick__setup__link {
3501	font-size: 12px;
3502	}
3503	}
3504	+
3505	.dc-quick__setup__nav .quick__setup__item.active:not(:last-child):before {
3506	background: #e10619;
3507	}
3508	+
3509	.dc-quick__setup__nav .quick__setup__item.active .quick__setup__link {
3510	background: #e10619;
3511	color: #ffffff;

3514	.dc-quick__step__item {
3515	display: none;
3516	}
3517	+
3518	.dc-quick__step__item.active {
3519	display: block;
3520	}
3521	+
3522	.dc-quick__step__item .button {
3523	display: none;
3524	}

3531	text-align: center;
3532	margin-bottom: 16px;
3533	}
3534	+
3535	@media (max-width: 767.98px) {
3536	.dc-quick__step__item .quick__setup__item__header h2 {
3537	font-size: 28px;
3538	}
3539	}
3540	+
3541	@media (max-width: 575.98px) {
3542	.dc-quick__step__item .quick__setup__item__header h2 {
3543	font-size: 24px;
3544	}
3545	}
3546	+
3547	.dc-quick__step__item .quick__setup__item__header p {
3548	text-align: center;
3549	font-size: 16px;

3551	max-width: 780px;
3552	margin: 0 auto;
3553	}
3554	+
3555	@media (max-width: 767.98px) {
3556	.dc-quick__step__item .quick__setup__item__header p {
3557	font-size: 14px;
3558	}
3559	}
3560	+
3561	.dc-quick__step__item .dc-video__area {
3562	text-align: center;
3563	margin: 0 auto;
3564	position: relative;
3565	}
3566	+
3567	@media (max-width: 1199.98px) {
3568	.dc-quick__step__item .dc-video__area {
3569	min-height: 300px;
3570	}
3571	}
3572	+
3573	.dc-quick__step__item .dc-video__area .play__btn {
3574	position: absolute;
3575	top: 50%;
3576	left: 50%;
3577	+ -webkit-transform: translate(-50%, -50%);
3578	+ transform: translate(-50%, -50%);
3579	height: 70px;
3580	width: 70px;
3581	border-radius: 50%;
3582	background: #05cb6b;
3583	+ display: -webkit-box;
3584	+ display: -ms-flexbox;
3585	display: flex;
3586	+ -webkit-box-pack: center;
3587	+ -ms-flex-pack: center;
3588	+ justify-content: center;
3589	+ -webkit-box-align: center;
3590	+ -ms-flex-align: center;
3591	+ align-items: center;
3592	outline: none;
3593	+ -webkit-box-shadow: none;
3594	+ box-shadow: none;
3595	}
3596	+
3597	.dc-quick__step__item .dc-video__area .play__btn span {
3598	width: 0;
3599	height: 0;

3601	border-bottom: 8px solid transparent;
3602	border-left: 10px solid #ffffff;
3603	}
3604	+
3605	@media (max-width: 767.98px) {
3606	.dc-quick__step__item .dc-video__area .play__btn {
3607	height: 50px;
3608	width: 50px;
3609	}
3610	}
3611	+
3612	.dc-quick__step__item .dc-form__group {
3613	padding-left: 27px;
3614	text-align: center;

3616	margin: 15px auto 0;
3617	max-width: 800px;
3618	}
3619	+
3620	@media (max-width: 575.98px) {
3621	.dc-quick__step__item .dc-form__group {
3622	text-align: left;
3623	}
3624	}
3625	+
3626	.dc-quick__step__item .dc-form__group input {
3627	display: none;
3628	}
3629	+
3630	.dc-quick__step__item .dc-form__group input:checked ~ label:before {
3631	border-color: #00b2fc;
3632	background: #00b2fc;
3633	}
3634	+
3635	.dc-quick__step__item .dc-form__group input:checked ~ label:after {
3636	opacity: 1;
3637	}
3638	+
3639	.dc-quick__step__item .dc-form__group label {
3640	font-size: 18px;
3641	font-weight: 500;

3643	font-family: "DM Sans", sans-serif;
3644	position: relative;
3645	}
3646	+
3647	@media (max-width: 767.98px) {
3648	.dc-quick__step__item .dc-form__group label {
3649	font-size: 16px;
3650	}
3651	}
3652	+
3653	.dc-quick__step__item .dc-form__group label:before {
3654	position: absolute;
3655	top: 5px;

3659	border: 1px solid #687b95;
3660	content: "";
3661	}
3662	+
3663	@media (max-width: 767.98px) {
3664	.dc-quick__step__item .dc-form__group label:before {
3665	top: 4px;
3666	}
3667	}
3668	+
3669	.dc-quick__step__item .dc-form__group label:after {
3670	position: absolute;
3671	top: -5px;

3675	border: 0;
3676	content: url(../img/check.png);
3677	opacity: 0;
3678	+ -webkit-transition: all 0.3s ease;
3679	transition: all 0.3s ease;
3680	}
3681	+
3682	.dc-quick__step__item .disable_option {
3683	border-radius: 5px;
3684	}
3685	+
3686	.dc-quick__step__item .disable_option.dc-text__block {
3687	background: #f4f6fc;
3688	}
3689	+
3690	+ .dc-quick__step__item .disable_option input[type="radio"] {
3691	display: none;
3692	}
3693	+
3694	+ .dc-quick__step__item .disable_option input[type="radio"]:checked ~ label:before {
3695	border-color: #05cb6b;
3696	}
3697	+
3698	+ .dc-quick__step__item .disable_option input[type="radio"]:checked ~ label:after {
3699	opacity: 1;
3700	}
3701	+
3702	+ .dc-quick__step__item .disable_option input[type="radio"] ~ label {
3703	font-size: 18px;
3704	font-weight: 500;
3705	color: #22282d;

3710	display: block;
3711	margin-bottom: 15px;
3712	}
3713	+
3714	+ .dc-quick__step__item .disable_option input[type="radio"] ~ label:before {
3715	position: absolute;
3716	top: 4px;
3717	left: 0;

3721	border: 1px solid #687b95;
3722	content: "";
3723	}
3724	+
3725	+ .dc-quick__step__item .disable_option input[type="radio"] ~ label:after {
3726	position: absolute;
3727	top: 7px;
3728	left: 3px;

3733	background: #05cb6b;
3734	content: "";
3735	opacity: 0;
3736	+ -webkit-transition: all 0.3s ease;
3737	transition: all 0.3s ease;
3738	}
3739	+
3740	+ .dc-quick__step__item .disable_option input[type="radio"] ~ label span {
3741	font-size: 16px;
3742	font-weight: 400;
3743	color: #687b95;
3744	}
3745	+
3746	.dc-quick__step__item .disable_option .disable__checklist {
3747	+ display: -webkit-box;
3748	+ display: -ms-flexbox;
3749	display: flex;
3750	+ -ms-flex-wrap: wrap;
3751	+ flex-wrap: wrap;
3752	margin-bottom: 10px;
3753	}
3754	+
3755	.dc-quick__step__item .disable_option .disable__checklist .disable__checklist__item {
3756	+ -webkit-box-flex: 0;
3757	+ -ms-flex: 0 0 140px;
3758	+ flex: 0 0 140px;
3759	margin-right: 10px;
3760	}
3761	+
3762	.dc-quick__step__item .disable_option .disable__checklist .disable__checklist__item input {
3763	display: none;
3764	}
3765	+
3766	.dc-quick__step__item .disable_option .disable__checklist .disable__checklist__item input:checked ~ label:before {
3767	border-color: #00b2fc;
3768	background: #00b2fc;
3769	}
3770	+
3771	.dc-quick__step__item .disable_option .disable__checklist .disable__checklist__item input:checked ~ label:after {
3772	opacity: 1;
3773	}
3774	+
3775	.dc-quick__step__item .disable_option .disable__checklist .disable__checklist__item label {
3776	font-size: 16px;
3777	font-weight: 500;

3782	padding-left: 25px;
3783	display: block;
3784	}
3785	+
3786	.dc-quick__step__item .disable_option .disable__checklist .disable__checklist__item label:before {
3787	position: absolute;
3788	top: 4px;

3792	border: 1px solid #687b95;
3793	content: "";
3794	}
3795	+
3796	.dc-quick__step__item .disable_option .disable__checklist .disable__checklist__item label:after {
3797	position: absolute;
3798	top: -2px;

3802	border: 0;
3803	content: url(../img/check.png);
3804	opacity: 0;
3805	+ -webkit-transition: all 0.3s ease;
3806	transition: all 0.3s ease;
3807	}
3808	+
3809	.dc-quick__step__item .disable_option .disable__option__description {
3810	font-size: 15px;
3811	font-weight: 400;
3812	color: #687b95;
3813	font-family: "DM Sans", sans-serif;
3814	}
3815	+
3816	.dc-quick__step__item .disable_option .disable__option__description .danger {
3817	color: #e0061a;
3818	font-weight: 500;
3819	}
3820	+
3821	.dc-quick__step__item .finalize-thumb {
3822	text-align: center;
3823	padding: 0 0 30px;
3824	}
3825	+
3826	.dc-quick__step__item .finalize-thumb img {
3827	max-height: 220px;
3828	}
3829	+
3830	.dc-quick__step__item .doc__button__wrap {
3831	text-align: center;
3832	}
3833	+
3834	.dc-quick__step__item .doc__button__wrap .doc__button {
3835	font-size: 16px;
3836	font-weight: 500;

3841	border-radius: 5px;
3842	padding: 10px 35px;
3843	outline: none;
3844	+ -webkit-box-shadow: none;
3845	+ box-shadow: none;
3846	}
3847	+
3848	.dc-quick__step__item .doc__button__wrap .doc__button:hover {
3849	background: #e10619;
3850	color: #ffffff;
3851	}
3852	+
3853	.dc-quick__step__item #whatWeCollect {
3854	color: #05cb6b;
3855	outline: 0;
3856	+ -webkit-box-shadow: none;
3857	+ box-shadow: none;
3858	}
3859	+
3860	.dc-quick__step__item #whatWeCollectMessage {
3861	display: none;
3862	}
3863
3864	.dc-quick__setup__wrap .button__group {
3865	+ display: -webkit-box;
3866	+ display: -ms-flexbox;
3867	display: flex;
3868	+ -ms-flex-wrap: wrap;
3869	+ flex-wrap: wrap;
3870	+ -webkit-box-pack: justify;
3871	+ -ms-flex-pack: justify;
3872	+ justify-content: space-between;
3873	+ -webkit-box-align: center;
3874	+ -ms-flex-align: center;
3875	+ align-items: center;
3876	}
3877	+
3878	.dc-quick__setup__wrap .button__group .button {
3879	width: 160px;
3880	text-align: center;
3881	}
3882	+
3883	.dc-quick__setup__wrap .button__group .button.button--sm {
3884	width: 110px;
3885	}
3886	+
3887	@media (max-width: 767.98px) {
3888	.dc-quick__setup__wrap .button__group .button {
3889	width: unset;

assets/img/search.svg ADDED Viewed

	@@ -0,0 +1,4 @@


1	+ <svg width="16" height="15" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg">
2	+ <path d="M6.56242 13.1251C10.1868 13.1251 13.125 10.187 13.125 6.56255C13.125 2.93812 10.1868 0 6.56242 0C2.93799 0 -0.000159264 2.93815 -0.000159264 6.56258C-0.000159264 10.187 2.93802 13.1251 6.56242 13.1251ZM6.56242 1.87503C9.15129 1.87503 11.25 3.97371 11.25 6.56258C11.25 9.15145 9.15129 11.2501 6.56242 11.2501C3.97355 11.2501 1.87487 9.15145 1.87487 6.56258C1.87487 3.97371 3.97358 1.87503 6.56242 1.87503Z" fill="#8C98AB"/>
3	+ <path d="M14.0639 15C14.3131 15.0014 14.5526 14.9036 14.7295 14.7281C15.0971 14.3634 15.0996 13.7699 14.7349 13.4022C14.7331 13.4004 14.7313 13.3986 14.7295 13.3968L11.2045 9.87179C10.8239 9.50415 10.2174 9.51465 9.84977 9.89521C9.48213 10.2758 9.49264 10.8823 9.87319 11.2499L13.3983 14.7281C13.5752 14.9036 13.8147 15.0014 14.0639 15Z" fill="#8C98AB"/>
4	+ </svg>

assets/js/disable-comments-settings-scripts.js CHANGED Viewed

@@ -1,6 +1,139 @@
             jQuery(document).ready(function ($) {
             	var saveBtn   = jQuery("#disableCommentSaveSettings button.button.button__success");
             	var deleteBtn = jQuery("#deleteCommentSettings button.button.button__delete");
             	/**
             	 * Settings Scripts
             	 */
@@ -31,15 +164,18 @@ jQuery(document).ready(function ($) {
             	disbale_comments_tabs();
             	// UI Helper
             	function enable_site_wise_uihelper() {
             		var indiv_bits = jQuery(
-            -
            			".disabled__sites .remove__checklist__item"
             		);
             		if (jQuery("#sitewide_settings").is(":checked")) {
             			indiv_bits
             				.css("opacity", ".3")
             				.find(":input")
             				.attr("disabled", true);
             		} else {
             			indiv_bits
             				.css("opacity", "1")
             				.find(":input")
@@ -127,7 +263,7 @@ jQuery(document).ready(function ($) {
             		var data = {
             			action: disableCommentsObj.save_action,
             			nonce: disableCommentsObj._nonce,
-            -
            			data: jQuery(this).serializeArray(),
             		};
             		jQuery.ajax({
@@ -188,7 +324,7 @@ jQuery(document).ready(function ($) {
             				var data = {
             					action: disableCommentsObj.delete_action,
             					nonce: disableCommentsObj._nonce,
-            -
            					data: $form.serializeArray(),
             				};
             				deleteBtn.html(
             					'<svg id="eael-spinner" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 48 48"><circle cx="24" cy="4" r="4" fill="#fff"/><circle cx="12.19" cy="7.86" r="3.7" fill="#fffbf2"/><circle cx="5.02" cy="17.68" r="3.4" fill="#fef7e4"/><circle cx="5.02" cy="30.32" r="3.1" fill="#fef3d7"/><circle cx="12.19" cy="40.14" r="2.8" fill="#feefc9"/><circle cx="24" cy="44" r="2.5" fill="#feebbc"/><circle cx="35.81" cy="40.14" r="2.2" fill="#fde7af"/><circle cx="42.98" cy="30.32" r="1.9" fill="#fde3a1"/><circle cx="42.98" cy="17.68" r="1.6" fill="#fddf94"/><circle cx="35.81" cy="7.86" r="1.3" fill="#fcdb86"/></svg><span>Deleting Comments..</span>'
@@ -220,33 +356,5 @@ jQuery(document).ready(function ($) {
             		// jQuery(this).off(e);
             		saveBtn.addClass('form-dirty');
             	});
-            -
            	jQuery("#deleteCommentSettings .check-all, #disableCommentSaveSettings .check-all").on('change', function(){
-            -
            		var checked      = jQuery(this).is(':checked');
-            -
            		var sites_option = jQuery(this).closest('.sites_option')
-            -
            		var site_option  = sites_option.find('.site_option')
-            -
            		site_option.prop('checked', checked);
-            -
            	});
-            -
-            -
            	var countSelected = function(sites_option){
-            -
            		var site_option  = sites_option.find('.site_option')
-            -
            		var totalChecked = 0;
-            -
            		site_option.each(function(){
-            -
            			if(jQuery(this).is(':checked')){
-            -
            				totalChecked++;
-            -
            			}
-            -
            		});
-            -
            		if(totalChecked){
-            -
            			sites_option.find('.check-all').addClass('semi-checked');
-            -
            		}
-            -
            		sites_option.find('.check-all').prop('checked', totalChecked == site_option.length);
-            -
            		sites_option.find('.check-all+label small').text(`(${totalChecked} selected)`)
-            -
            	}
-            -
-            -
            	jQuery("#deleteCommentSettings .sites_option, #disableCommentSaveSettings .sites_option").on('change', function(){
-            -
            		var sites_option = jQuery(this).closest('.sites_option')
-            -
            		countSelected(sites_option);
-            -
            	});
-            -
            	countSelected(jQuery("#deleteCommentSettings .sites_option"));
-            -
            	countSelected(jQuery("#disableCommentSaveSettings .sites_option"));
             });


1	jQuery(document).ready(function ($) {
2	var saveBtn = jQuery("#disableCommentSaveSettings button.button.button__success");
3	var deleteBtn = jQuery("#deleteCommentSettings button.button.button__delete");
4	+
5	+
6	+ if(jQuery('.sites_list_wrapper').length){
7	+ var addSite = function($sites_list, site, type){
8	+ var id = "sites__option__" + type + "__" + site.site_id;
9	+ var name = "disabled_sites[site_" + site.site_id + "]";
10	+ var hasOption = $sites_list.has('#' + id);
11	+ if(hasOption.length){
12	+ $sites_list.find('#' + id).parent().removeClass('hidden');
13	+ return;
14	+ }
15	+
16	+ $sites_list.append( "\
17	+ <div class='subsite__checklist__item'>\
18	+ <input type='hidden' name='" + name + "' value='0' />\
19	+ <input type='checkbox' id='" + id + "' class='site_option' name='" + name + "' value='1' " + site.is_checked + " />\
20	+ <label for='" + id + "'>"
21	+ + site.blogname +
22	+ "</label>\
23	+ </div>\
24	+ ");
25	+ }
26	+ var addSites = function($sites_list, sub_sites, type){
27	+ // $sites_list.html('');
28	+ $sites_list.children().addClass('hidden');
29	+ sub_sites.forEach(function(site) {
30	+ addSite($sites_list, site, type);
31	+ });
32	+ if(sub_sites.length == 0){
33	+ $sites_list.find('.nothing-found').removeClass('hidden');
34	+ }
35	+ enable_site_wise_uihelper();
36	+ }
37	+
38	+ jQuery(".sites_list_wrapper").each(function(){
39	+ var $sites_list_wrapper = jQuery(this);
40	+ var $subSiteSearch = $sites_list_wrapper.find('.sub-site-search');
41	+ var type = $sites_list_wrapper.data('type');
42	+ var $sites_list = $sites_list_wrapper.find('.sites_list');
43	+ var $pageSize = $sites_list_wrapper.find('.page__size');
44	+ var $pageSizeWrapper = $sites_list_wrapper.find('.page__size__wrapper');
45	+ var isPageLoaded = {};
46	+ var args = {
47	+ dataSource : ajaxurl,
48	+ locator : 'data',
49	+ pageSize : $pageSize.val() \|\| 50,
50	+ showPageNumbers : false,
51	+ hideWhenLessThanOnePage: true,
52	+ totalNumberLocator: function(response) {
53	+ if(response.totalNumber <= 20){
54	+ $pageSizeWrapper.hide();
55	+ }
56	+ else{
57	+ $pageSizeWrapper.show();
58	+ }
59	+ return response.totalNumber;
60	+ },
61	+ ajax : function(){
62	+ return {
63	+ cache: true,
64	+ data : {
65	+ action: 'get_sub_sites',
66	+ type : type,
67	+ search: $subSiteSearch.val(),
68	+ },
69	+ };
70	+ },
71	+ callback : function(data, pagination) {
72	+ var pageNumber = pagination.pageNumber;
73	+ addSites($sites_list, data, type);
74	+ isPageLoaded[pageNumber] = data;
75	+ countSelected($sites_list_wrapper);
76	+ }
77	+ };
78	+
79	+ $sites_list_wrapper.find('.has-pagination').pagination(args);
80	+
81	+ var timeoutID = null;
82	+ $subSiteSearch.on('keyup keypress', function(event){
83	+ if(event.type != 'keypress'){
84	+ if(timeoutID){
85	+ clearTimeout(timeoutID);
86	+ }
87	+ timeoutID = setTimeout(() => {
88	+ $sites_list_wrapper.find('.has-pagination').pagination('go', 1);
89	+ }, 1000);
90	+ }
91	+ var keyCode = event.keyCode \|\| event.which;
92	+ if (keyCode === 13) {
93	+ event.preventDefault();
94	+ return false;
95	+ }
96	+ });
97	+
98	+ $pageSize.on('change', function(){
99	+ args.pageSize = jQuery(this).val();
100	+ $sites_list_wrapper.find('.has-pagination').pagination(args);
101	+ });
102	+ });
103	+
104	+ jQuery(".sites_list_wrapper .check-all").on('change', function(){
105	+ var checked = jQuery(this).is(':checked');
106	+ var sites_list_wrapper = jQuery(this).closest('.sites_list_wrapper')
107	+ var site_option = sites_list_wrapper.find('.sites_list .subsite__checklist__item:not(.hidden)')
108	+ site_option.find('.site_option').prop('checked', checked);
109	+ console.log(site_option);
110	+ });
111	+
112	+ var countSelected = function(sites_list_wrapper){
113	+ var site_option = sites_list_wrapper.find('.sites_list .subsite__checklist__item:not(.hidden)')
114	+ var totalChecked = 0;
115	+ site_option.find('.site_option').each(function(){
116	+ if(jQuery(this).is(':checked')){
117	+ totalChecked++;
118	+ }
119	+ });
120	+
121	+ if(totalChecked){
122	+ sites_list_wrapper.find('.check-all').addClass('semi-checked');
123	+ }
124	+ sites_list_wrapper.find('.check-all').prop('checked', totalChecked == site_option.length);
125	+ sites_list_wrapper.find('.check-all+label small').text(`(${totalChecked} selected)`)
126	+ }
127	+
128	+ jQuery(".sites_list_wrapper").on('change', function(){
129	+ var sites_list_wrapper = jQuery(this)
130	+ countSelected(sites_list_wrapper);
131	+ });
132	+
133	+ countSelected(jQuery("#deleteCommentSettings .sites_list_wrapper"));
134	+ countSelected(jQuery("#disableCommentSaveSettings .sites_list_wrapper"));
135	+ }
136	+
137	/**
138	* Settings Scripts
139	*/

164	disbale_comments_tabs();
165	// UI Helper
166	function enable_site_wise_uihelper() {
167	+ var pagination = jQuery("#disableCommentSaveSettings .sites_list_wrapper .has-pagination");
168	var indiv_bits = jQuery(
169	+ ".disabled__sites .remove__checklist__item, #disableCommentSaveSettings .subsite__checklist__item, #disableCommentSaveSettings .sub__site_control"
170	);
171	if (jQuery("#sitewide_settings").is(":checked")) {
172	+ pagination.length && pagination.addClass('disabled').pagination('disable', true);
173	indiv_bits
174	.css("opacity", ".3")
175	.find(":input")
176	.attr("disabled", true);
177	} else {
178	+ pagination.length && pagination.removeClass('disabled').pagination('enable', true);
179	indiv_bits
180	.css("opacity", "1")
181	.find(":input")

263	var data = {
264	action: disableCommentsObj.save_action,
265	nonce: disableCommentsObj._nonce,
266	+ data: jQuery(this).serialize(),
267	};
268
269	jQuery.ajax({

324	var data = {
325	action: disableCommentsObj.delete_action,
326	nonce: disableCommentsObj._nonce,
327	+ data: $form.serialize(),
328	};
329	deleteBtn.html(
330	'<svg id="eael-spinner" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 48 48"><circle cx="24" cy="4" r="4" fill="#fff"/><circle cx="12.19" cy="7.86" r="3.7" fill="#fffbf2"/><circle cx="5.02" cy="17.68" r="3.4" fill="#fef7e4"/><circle cx="5.02" cy="30.32" r="3.1" fill="#fef3d7"/><circle cx="12.19" cy="40.14" r="2.8" fill="#feefc9"/><circle cx="24" cy="44" r="2.5" fill="#feebbc"/><circle cx="35.81" cy="40.14" r="2.2" fill="#fde7af"/><circle cx="42.98" cy="30.32" r="1.9" fill="#fde3a1"/><circle cx="42.98" cy="17.68" r="1.6" fill="#fddf94"/><circle cx="35.81" cy="7.86" r="1.3" fill="#fcdb86"/></svg><span>Deleting Comments..</span>'

356	// jQuery(this).off(e);
357	saveBtn.addClass('form-dirty');
358	});















359













360	});

assets/js/pagination.min.js ADDED Viewed

	@@ -0,0 +1,1123 @@


1	+ /*
2	+ * pagination.js 2.1.5
3	+ * A jQuery plugin to provide simple yet fully customisable pagination.
4	+ * https://github.com/superRaytin/paginationjs
5	+ *
6	+ * Homepage: http://pagination.js.org
7	+ *
8	+ * Copyright 2014-2100, superRaytin
9	+ * Released under the MIT license.
10	+ */
11	+
12	+ (function(global, $) {
13	+
14	+ if (typeof $ === 'undefined') {
15	+ throwError('Pagination requires jQuery.');
16	+ }
17	+
18	+ var pluginName = 'pagination';
19	+
20	+ var pluginHookMethod = 'addHook';
21	+
22	+ var eventPrefix = '__pagination-';
23	+
24	+ // Conflict, use backup
25	+ if ($.fn.pagination) {
26	+ pluginName = 'pagination2';
27	+ }
28	+
29	+ $.fn[pluginName] = function(options) {
30	+
31	+ if (typeof options === 'undefined') {
32	+ return this;
33	+ }
34	+
35	+ var container = $(this);
36	+
37	+ var attributes = $.extend({}, $.fn[pluginName].defaults, options);
38	+
39	+ var pagination = {
40	+
41	+ initialize: function() {
42	+ var self = this;
43	+
44	+ // Cache attributes of current instance
45	+ if (!container.data('pagination')) {
46	+ container.data('pagination', {});
47	+ }
48	+
49	+ if (self.callHook('beforeInit') === false) return;
50	+
51	+ // Pagination has been initialized, destroy it
52	+ if (container.data('pagination').initialized) {
53	+ $('.paginationjs', container).remove();
54	+ }
55	+
56	+ // Whether to disable Pagination at the initialization
57	+ self.disabled = !!attributes.disabled;
58	+
59	+ // Model will be passed to the callback function
60	+ var model = self.model = {
61	+ pageRange: attributes.pageRange,
62	+ pageSize: attributes.pageSize
63	+ };
64	+
65	+ // dataSource`s type is unknown, parse it to find true data
66	+ self.parseDataSource(attributes.dataSource, function(dataSource) {
67	+
68	+ // Currently in asynchronous mode
69	+ self.isAsync = Helpers.isString(dataSource);
70	+ if (Helpers.isArray(dataSource)) {
71	+ model.totalNumber = attributes.totalNumber = dataSource.length;
72	+ }
73	+
74	+ // Currently in asynchronous mode and a totalNumberLocator is specified
75	+ self.isDynamicTotalNumber = self.isAsync && attributes.totalNumberLocator;
76	+
77	+ var el = self.render(true);
78	+
79	+ // Add extra className to the pagination element
80	+ if (attributes.className) {
81	+ el.addClass(attributes.className);
82	+ }
83	+
84	+ model.el = el;
85	+
86	+ // Append/prepend pagination element to the container
87	+ container[attributes.position === 'bottom' ? 'append' : 'prepend'](el);
88	+
89	+ // Bind events
90	+ self.observer();
91	+
92	+ // Pagination is currently initialized
93	+ container.data('pagination').initialized = true;
94	+
95	+ // Will be invoked after initialized
96	+ self.callHook('afterInit', el);
97	+ });
98	+ },
99	+
100	+ render: function(isBoot) {
101	+ var self = this;
102	+ var model = self.model;
103	+ var el = model.el \|\| $('<div class="paginationjs"></div>');
104	+ var isForced = isBoot !== true;
105	+
106	+ self.callHook('beforeRender', isForced);
107	+
108	+ var currentPage = model.pageNumber \|\| attributes.pageNumber;
109	+ var pageRange = attributes.pageRange \|\| 0;
110	+ var totalPage = self.getTotalPage();
111	+
112	+ var rangeStart = currentPage - pageRange;
113	+ var rangeEnd = currentPage + pageRange;
114	+
115	+ if (rangeEnd > totalPage) {
116	+ rangeEnd = totalPage;
117	+ rangeStart = totalPage - pageRange * 2;
118	+ rangeStart = rangeStart < 1 ? 1 : rangeStart;
119	+ }
120	+
121	+ if (rangeStart <= 1) {
122	+ rangeStart = 1;
123	+ rangeEnd = Math.min(pageRange * 2 + 1, totalPage);
124	+ }
125	+
126	+ el.html(self.generateHTML({
127	+ currentPage: currentPage,
128	+ pageRange: pageRange,
129	+ rangeStart: rangeStart,
130	+ rangeEnd: rangeEnd
131	+ }));
132	+
133	+ // There is only one page
134	+ if (attributes.hideWhenLessThanOnePage) {
135	+ el[totalPage <= 1 ? 'hide' : 'show']();
136	+ }
137	+
138	+ self.callHook('afterRender', isForced);
139	+
140	+ return el;
141	+ },
142	+
143	+ // Generate HTML of the pages
144	+ generatePageNumbersHTML: function(args) {
145	+ var self = this;
146	+ var currentPage = args.currentPage;
147	+ var totalPage = self.getTotalPage();
148	+ var rangeStart = args.rangeStart;
149	+ var rangeEnd = args.rangeEnd;
150	+ var html = '';
151	+ var i;
152	+
153	+ var pageLink = attributes.pageLink;
154	+ var ellipsisText = attributes.ellipsisText;
155	+
156	+ var classPrefix = attributes.classPrefix;
157	+ var activeClassName = attributes.activeClassName;
158	+ var disableClassName = attributes.disableClassName;
159	+
160	+ // Disable page range, display all the pages
161	+ if (attributes.pageRange === null) {
162	+ for (i = 1; i <= totalPage; i++) {
163	+ if (i == currentPage) {
164	+ html += '<li class="' + classPrefix + '-page J-paginationjs-page ' + activeClassName + '" data-num="' + i + '"><a>' + i + '<\/a><\/li>';
165	+ } else {
166	+ html += '<li class="' + classPrefix + '-page J-paginationjs-page" data-num="' + i + '"><a href="' + pageLink + '">' + i + '<\/a><\/li>';
167	+ }
168	+ }
169	+ return html;
170	+ }
171	+
172	+ if (rangeStart <= 3) {
173	+ for (i = 1; i < rangeStart; i++) {
174	+ if (i == currentPage) {
175	+ html += '<li class="' + classPrefix + '-page J-paginationjs-page ' + activeClassName + '" data-num="' + i + '"><a>' + i + '<\/a><\/li>';
176	+ } else {
177	+ html += '<li class="' + classPrefix + '-page J-paginationjs-page" data-num="' + i + '"><a href="' + pageLink + '">' + i + '<\/a><\/li>';
178	+ }
179	+ }
180	+ } else {
181	+ if (attributes.showFirstOnEllipsisShow) {
182	+ html += '<li class="' + classPrefix + '-page ' + classPrefix + '-first J-paginationjs-page" data-num="1"><a href="' + pageLink + '">1<\/a><\/li>';
183	+ }
184	+ html += '<li class="' + classPrefix + '-ellipsis ' + disableClassName + '"><a>' + ellipsisText + '<\/a><\/li>';
185	+ }
186	+
187	+ for (i = rangeStart; i <= rangeEnd; i++) {
188	+ if (i == currentPage) {
189	+ html += '<li class="' + classPrefix + '-page J-paginationjs-page ' + activeClassName + '" data-num="' + i + '"><a>' + i + '<\/a><\/li>';
190	+ } else {
191	+ html += '<li class="' + classPrefix + '-page J-paginationjs-page" data-num="' + i + '"><a href="' + pageLink + '">' + i + '<\/a><\/li>';
192	+ }
193	+ }
194	+
195	+ if (rangeEnd >= totalPage - 2) {
196	+ for (i = rangeEnd + 1; i <= totalPage; i++) {
197	+ html += '<li class="' + classPrefix + '-page J-paginationjs-page" data-num="' + i + '"><a href="' + pageLink + '">' + i + '<\/a><\/li>';
198	+ }
199	+ } else {
200	+ html += '<li class="' + classPrefix + '-ellipsis ' + disableClassName + '"><a>' + ellipsisText + '<\/a><\/li>';
201	+
202	+ if (attributes.showLastOnEllipsisShow) {
203	+ html += '<li class="' + classPrefix + '-page ' + classPrefix + '-last J-paginationjs-page" data-num="' + totalPage + '"><a href="' + pageLink + '">' + totalPage + '<\/a><\/li>';
204	+ }
205	+ }
206	+
207	+ return html;
208	+ },
209	+
210	+ // Generate HTML content from the template
211	+ generateHTML: function(args) {
212	+ var self = this;
213	+ var currentPage = args.currentPage;
214	+ var totalPage = self.getTotalPage();
215	+
216	+ var totalNumber = self.getTotalNumber();
217	+
218	+ var showPrevious = attributes.showPrevious;
219	+ var showNext = attributes.showNext;
220	+ var showPageNumbers = attributes.showPageNumbers;
221	+ var showNavigator = attributes.showNavigator;
222	+ var showGoInput = attributes.showGoInput;
223	+ var showGoButton = attributes.showGoButton;
224	+
225	+ var pageLink = attributes.pageLink;
226	+ var prevText = attributes.prevText;
227	+ var nextText = attributes.nextText;
228	+ var goButtonText = attributes.goButtonText;
229	+
230	+ var classPrefix = attributes.classPrefix;
231	+ var disableClassName = attributes.disableClassName;
232	+ var ulClassName = attributes.ulClassName;
233	+
234	+ var html = '';
235	+ var goInput = '<input type="text" class="J-paginationjs-go-pagenumber">';
236	+ var goButton = '<input type="button" class="J-paginationjs-go-button" value="' + goButtonText + '">';
237	+ var formattedString;
238	+
239	+ var formatNavigator = $.isFunction(attributes.formatNavigator) ? attributes.formatNavigator(currentPage, totalPage, totalNumber) : attributes.formatNavigator;
240	+ var formatGoInput = $.isFunction(attributes.formatGoInput) ? attributes.formatGoInput(goInput, currentPage, totalPage, totalNumber) : attributes.formatGoInput;
241	+ var formatGoButton = $.isFunction(attributes.formatGoButton) ? attributes.formatGoButton(goButton, currentPage, totalPage, totalNumber) : attributes.formatGoButton;
242	+
243	+ var autoHidePrevious = $.isFunction(attributes.autoHidePrevious) ? attributes.autoHidePrevious() : attributes.autoHidePrevious;
244	+ var autoHideNext = $.isFunction(attributes.autoHideNext) ? attributes.autoHideNext() : attributes.autoHideNext;
245	+
246	+ var header = $.isFunction(attributes.header) ? attributes.header(currentPage, totalPage, totalNumber) : attributes.header;
247	+ var footer = $.isFunction(attributes.footer) ? attributes.footer(currentPage, totalPage, totalNumber) : attributes.footer;
248	+
249	+ // Whether to display header
250	+ if (header) {
251	+ formattedString = self.replaceVariables(header, {
252	+ currentPage: currentPage,
253	+ totalPage: totalPage,
254	+ totalNumber: totalNumber
255	+ });
256	+ html += formattedString;
257	+ }
258	+
259	+ if (showPrevious \|\| showPageNumbers \|\| showNext) {
260	+ html += '<div class="paginationjs-pages">';
261	+
262	+ if (ulClassName) {
263	+ html += '<ul class="' + ulClassName + '">';
264	+ } else {
265	+ html += '<ul>';
266	+ }
267	+
268	+ // Whether to display the Previous button
269	+ if (showPrevious) {
270	+ if (currentPage <= 1) {
271	+ if (!autoHidePrevious) {
272	+ html += '<li class="' + classPrefix + '-prev ' + disableClassName + '"><a>' + prevText + '<\/a><\/li>';
273	+ }
274	+ } else {
275	+ html += '<li class="' + classPrefix + '-prev J-paginationjs-previous" data-num="' + (currentPage - 1) + '" title="Previous page"><a href="' + pageLink + '">' + prevText + '<\/a><\/li>';
276	+ }
277	+ }
278	+
279	+ // Whether to display the pages
280	+ if (showPageNumbers) {
281	+ html += self.generatePageNumbersHTML(args);
282	+ }
283	+
284	+ // Whether to display the Next button
285	+ if (showNext) {
286	+ if (currentPage >= totalPage) {
287	+ if (!autoHideNext) {
288	+ html += '<li class="' + classPrefix + '-next ' + disableClassName + '"><a>' + nextText + '<\/a><\/li>';
289	+ }
290	+ } else {
291	+ html += '<li class="' + classPrefix + '-next J-paginationjs-next" data-num="' + (currentPage + 1) + '" title="Next page"><a href="' + pageLink + '">' + nextText + '<\/a><\/li>';
292	+ }
293	+ }
294	+ html += '<\/ul><\/div>';
295	+ }
296	+
297	+ // Whether to display the navigator
298	+ if (showNavigator) {
299	+ if (formatNavigator) {
300	+ formattedString = self.replaceVariables(formatNavigator, {
301	+ currentPage: currentPage,
302	+ totalPage: totalPage,
303	+ totalNumber: totalNumber
304	+ });
305	+ html += '<div class="' + classPrefix + '-nav J-paginationjs-nav">' + formattedString + '<\/div>';
306	+ }
307	+ }
308	+
309	+ // Whether to display the Go input
310	+ if (showGoInput) {
311	+ if (formatGoInput) {
312	+ formattedString = self.replaceVariables(formatGoInput, {
313	+ currentPage: currentPage,
314	+ totalPage: totalPage,
315	+ totalNumber: totalNumber,
316	+ input: goInput
317	+ });
318	+ html += '<div class="' + classPrefix + '-go-input">' + formattedString + '</div>';
319	+ }
320	+ }
321	+
322	+ // Whether to display the Go button
323	+ if (showGoButton) {
324	+ if (formatGoButton) {
325	+ formattedString = self.replaceVariables(formatGoButton, {
326	+ currentPage: currentPage,
327	+ totalPage: totalPage,
328	+ totalNumber: totalNumber,
329	+ button: goButton
330	+ });
331	+ html += '<div class="' + classPrefix + '-go-button">' + formattedString + '</div>';
332	+ }
333	+ }
334	+
335	+ // Whether to display footer
336	+ if (footer) {
337	+ formattedString = self.replaceVariables(footer, {
338	+ currentPage: currentPage,
339	+ totalPage: totalPage,
340	+ totalNumber: totalNumber
341	+ });
342	+ html += formattedString;
343	+ }
344	+
345	+ return html;
346	+ },
347	+
348	+ // Find totalNumber from the remote response
349	+ // Only available in asynchronous mode
350	+ findTotalNumberFromRemoteResponse: function(response) {
351	+ var self = this;
352	+ self.model.totalNumber = attributes.totalNumberLocator(response);
353	+ },
354	+
355	+ // Go to the specified page
356	+ go: function(number, callback) {
357	+ var self = this;
358	+ var model = self.model;
359	+
360	+ if (self.disabled) return;
361	+
362	+ var pageNumber = number;
363	+ pageNumber = parseInt(pageNumber);
364	+
365	+ // Page number is out of bounds
366	+ if (!pageNumber \|\| pageNumber < 1) return;
367	+
368	+ var pageSize = attributes.pageSize;
369	+ var totalNumber = self.getTotalNumber();
370	+ var totalPage = self.getTotalPage();
371	+
372	+ // Page number is out of bounds
373	+ if (totalNumber > 0) {
374	+ if (pageNumber > totalPage) return;
375	+ }
376	+
377	+ // Pick data fragment in synchronous mode
378	+ if (!self.isAsync) {
379	+ render(self.getDataFragment(pageNumber));
380	+ return;
381	+ }
382	+
383	+ var postData = {};
384	+ var alias = attributes.alias \|\| {};
385	+ postData[alias.pageSize ? alias.pageSize : 'pageSize'] = pageSize;
386	+ postData[alias.pageNumber ? alias.pageNumber : 'pageNumber'] = pageNumber;
387	+
388	+ var ajaxParams = $.isFunction(attributes.ajax) ? attributes.ajax() : attributes.ajax;
389	+ var formatAjaxParams = {
390	+ type: 'get',
391	+ cache: false,
392	+ data: {},
393	+ contentType: 'application/x-www-form-urlencoded; charset=UTF-8',
394	+ dataType: 'json',
395	+ async: true
396	+ };
397	+
398	+ $.extend(true, formatAjaxParams, ajaxParams);
399	+ $.extend(formatAjaxParams.data, postData);
400	+
401	+ formatAjaxParams.url = attributes.dataSource;
402	+ formatAjaxParams.success = function(response) {
403	+ if (self.isDynamicTotalNumber) {
404	+ self.findTotalNumberFromRemoteResponse(response);
405	+ } else {
406	+ self.model.totalNumber = attributes.totalNumber;
407	+ }
408	+
409	+ var finalData = self.filterDataByLocator(response);
410	+ render(finalData);
411	+ };
412	+ formatAjaxParams.error = function(jqXHR, textStatus, errorThrown) {
413	+ attributes.formatAjaxError && attributes.formatAjaxError(jqXHR, textStatus, errorThrown);
414	+ self.enable();
415	+ };
416	+
417	+ self.disable();
418	+
419	+ $.ajax(formatAjaxParams);
420	+
421	+ function render(data) {
422	+ // Will be invoked before paging
423	+ if (self.callHook('beforePaging', pageNumber) === false) return false;
424	+
425	+ // Pagination direction
426	+ model.direction = typeof model.pageNumber === 'undefined' ? 0 : (pageNumber > model.pageNumber ? 1 : -1);
427	+
428	+ model.pageNumber = pageNumber;
429	+
430	+ self.render();
431	+
432	+ if (self.disabled && self.isAsync) {
433	+ // enable pagination
434	+ self.enable();
435	+ }
436	+
437	+ // cache model data
438	+ container.data('pagination').model = model;
439	+
440	+ // format result data before callback invoked
441	+ if (attributes.formatResult) {
442	+ var cloneData = $.extend(true, [], data);
443	+ if (!Helpers.isArray(data = attributes.formatResult(cloneData))) {
444	+ data = cloneData;
445	+ }
446	+ }
447	+
448	+ container.data('pagination').currentPageData = data;
449	+
450	+ // invoke callback
451	+ self.doCallback(data, callback);
452	+
453	+ self.callHook('afterPaging', pageNumber);
454	+
455	+ // pageNumber now is the first page
456	+ if (pageNumber == 1) {
457	+ self.callHook('afterIsFirstPage');
458	+ }
459	+
460	+ // pageNumber now is the last page
461	+ if (pageNumber == self.getTotalPage()) {
462	+ self.callHook('afterIsLastPage');
463	+ }
464	+ }
465	+ },
466	+
467	+ doCallback: function(data, customCallback) {
468	+ var self = this;
469	+ var model = self.model;
470	+
471	+ if ($.isFunction(customCallback)) {
472	+ customCallback(data, model);
473	+ } else if ($.isFunction(attributes.callback)) {
474	+ attributes.callback(data, model);
475	+ }
476	+ },
477	+
478	+ destroy: function() {
479	+ // Before destroy
480	+ if (this.callHook('beforeDestroy') === false) return;
481	+
482	+ this.model.el.remove();
483	+ container.off();
484	+
485	+ // Remove style element
486	+ $('#paginationjs-style').remove();
487	+
488	+ // After destroyed
489	+ this.callHook('afterDestroy');
490	+ },
491	+
492	+ previous: function(callback) {
493	+ this.go(this.model.pageNumber - 1, callback);
494	+ },
495	+
496	+ next: function(callback) {
497	+ this.go(this.model.pageNumber + 1, callback);
498	+ },
499	+
500	+ disable: function() {
501	+ var self = this;
502	+ var source = self.isAsync ? 'async' : 'sync';
503	+
504	+ // Before disabled
505	+ if (self.callHook('beforeDisable', source) === false) return;
506	+
507	+ self.disabled = true;
508	+ self.model.disabled = true;
509	+
510	+ // After disabled
511	+ self.callHook('afterDisable', source);
512	+ },
513	+
514	+ enable: function() {
515	+ var self = this;
516	+ var source = self.isAsync ? 'async' : 'sync';
517	+
518	+ // Before enabled
519	+ if (self.callHook('beforeEnable', source) === false) return;
520	+
521	+ self.disabled = false;
522	+ self.model.disabled = false;
523	+
524	+ // After enabled
525	+ self.callHook('afterEnable', source);
526	+ },
527	+
528	+ refresh: function(callback) {
529	+ this.go(this.model.pageNumber, callback);
530	+ },
531	+
532	+ show: function() {
533	+ var self = this;
534	+
535	+ if (self.model.el.is(':visible')) return;
536	+
537	+ self.model.el.show();
538	+ },
539	+
540	+ hide: function() {
541	+ var self = this;
542	+
543	+ if (!self.model.el.is(':visible')) return;
544	+
545	+ self.model.el.hide();
546	+ },
547	+
548	+ // Parse variables in the template
549	+ replaceVariables: function(template, variables) {
550	+ var formattedString;
551	+
552	+ for (var key in variables) {
553	+ var value = variables[key];
554	+ var regexp = new RegExp('<%=\\s' + key + '\\s%>', 'img');
555	+
556	+ formattedString = (formattedString \|\| template).replace(regexp, value);
557	+ }
558	+
559	+ return formattedString;
560	+ },
561	+
562	+ // Get data fragment
563	+ getDataFragment: function(number) {
564	+ var pageSize = attributes.pageSize;
565	+ var dataSource = attributes.dataSource;
566	+ var totalNumber = this.getTotalNumber();
567	+
568	+ var start = pageSize * (number - 1) + 1;
569	+ var end = Math.min(number * pageSize, totalNumber);
570	+
571	+ return dataSource.slice(start - 1, end);
572	+ },
573	+
574	+ // Get total number
575	+ getTotalNumber: function() {
576	+ return this.model.totalNumber \|\| attributes.totalNumber \|\| 0;
577	+ },
578	+
579	+ // Get total page
580	+ getTotalPage: function() {
581	+ return Math.ceil(this.getTotalNumber() / attributes.pageSize);
582	+ },
583	+
584	+ // Get locator
585	+ getLocator: function(locator) {
586	+ var result;
587	+
588	+ if (typeof locator === 'string') {
589	+ result = locator;
590	+ } else if ($.isFunction(locator)) {
591	+ result = locator();
592	+ } else {
593	+ throwError('"locator" is incorrect. (String \| Function)');
594	+ }
595	+
596	+ return result;
597	+ },
598	+
599	+ // Filter data by "locator"
600	+ filterDataByLocator: function(dataSource) {
601	+ var locator = this.getLocator(attributes.locator);
602	+ var filteredData;
603	+
604	+ // Datasource is an Object, use "locator" to locate the true data
605	+ if (Helpers.isObject(dataSource)) {
606	+ try {
607	+ $.each(locator.split('.'), function(index, item) {
608	+ filteredData = (filteredData ? filteredData : dataSource)[item];
609	+ });
610	+ }
611	+ catch (e) {
612	+ }
613	+
614	+ if (!filteredData) {
615	+ throwError('dataSource.' + locator + ' is undefined.');
616	+ } else if (!Helpers.isArray(filteredData)) {
617	+ throwError('dataSource.' + locator + ' must be an Array.');
618	+ }
619	+ }
620	+
621	+ return filteredData \|\| dataSource;
622	+ },
623	+
624	+ // Parse dataSource
625	+ parseDataSource: function(dataSource, callback) {
626	+ var self = this;
627	+
628	+ if (Helpers.isObject(dataSource)) {
629	+ callback(attributes.dataSource = self.filterDataByLocator(dataSource));
630	+ } else if (Helpers.isArray(dataSource)) {
631	+ callback(attributes.dataSource = dataSource);
632	+ } else if ($.isFunction(dataSource)) {
633	+ attributes.dataSource(function(data) {
634	+ if (!Helpers.isArray(data)) {
635	+ throwError('The parameter of "done" Function should be an Array.');
636	+ }
637	+ self.parseDataSource.call(self, data, callback);
638	+ });
639	+ } else if (typeof dataSource === 'string') {
640	+ if (/^https?\|file:/.test(dataSource)) {
641	+ attributes.ajaxDataType = 'jsonp';
642	+ }
643	+ callback(dataSource);
644	+ } else {
645	+ throwError('Unexpected type of "dataSource".');
646	+ }
647	+ },
648	+
649	+ callHook: function(hook) {
650	+ var paginationData = container.data('pagination');
651	+ var result;
652	+
653	+ var args = Array.prototype.slice.apply(arguments);
654	+ args.shift();
655	+
656	+ if (attributes[hook] && $.isFunction(attributes[hook])) {
657	+ if (attributes[hook].apply(global, args) === false) {
658	+ result = false;
659	+ }
660	+ }
661	+
662	+ if (paginationData.hooks && paginationData.hooks[hook]) {
663	+ $.each(paginationData.hooks[hook], function(index, item) {
664	+ if (item.apply(global, args) === false) {
665	+ result = false;
666	+ }
667	+ });
668	+ }
669	+
670	+ return result !== false;
671	+ },
672	+
673	+ observer: function() {
674	+ var self = this;
675	+ var el = self.model.el;
676	+
677	+ // Go to specified page number
678	+ container.on(eventPrefix + 'go', function(event, pageNumber, done) {
679	+ pageNumber = parseInt($.trim(pageNumber));
680	+
681	+ if (!pageNumber) return;
682	+
683	+ if (!$.isNumeric(pageNumber)) {
684	+ throwError('"pageNumber" is incorrect. (Number)');
685	+ }
686	+
687	+ self.go(pageNumber, done);
688	+ });
689	+
690	+ // Page number button click
691	+ el.delegate('.J-paginationjs-page', 'click', function(event) {
692	+ var current = $(event.currentTarget);
693	+ var pageNumber = $.trim(current.attr('data-num'));
694	+
695	+ if (!pageNumber \|\| current.hasClass(attributes.disableClassName) \|\| current.hasClass(attributes.activeClassName)) return;
696	+
697	+ // Before page button clicked
698	+ if (self.callHook('beforePageOnClick', event, pageNumber) === false) return false;
699	+
700	+ self.go(pageNumber);
701	+
702	+ // After page button clicked
703	+ self.callHook('afterPageOnClick', event, pageNumber);
704	+
705	+ if (!attributes.pageLink) return false;
706	+ });
707	+
708	+ // Previous button click
709	+ el.delegate('.J-paginationjs-previous', 'click', function(event) {
710	+ var current = $(event.currentTarget);
711	+ var pageNumber = $.trim(current.attr('data-num'));
712	+
713	+ if (!pageNumber \|\| current.hasClass(attributes.disableClassName)) return;
714	+
715	+ // Before previous clicked
716	+ if (self.callHook('beforePreviousOnClick', event, pageNumber) === false) return false;
717	+
718	+ self.go(pageNumber);
719	+
720	+ // After previous clicked
721	+ self.callHook('afterPreviousOnClick', event, pageNumber);
722	+
723	+ if (!attributes.pageLink) return false;
724	+ });
725	+
726	+ // Next button click
727	+ el.delegate('.J-paginationjs-next', 'click', function(event) {
728	+ var current = $(event.currentTarget);
729	+ var pageNumber = $.trim(current.attr('data-num'));
730	+
731	+ if (!pageNumber \|\| current.hasClass(attributes.disableClassName)) return;
732	+
733	+ // Before next clicked
734	+ if (self.callHook('beforeNextOnClick', event, pageNumber) === false) return false;
735	+
736	+ self.go(pageNumber);
737	+
738	+ // After next clicked
739	+ self.callHook('afterNextOnClick', event, pageNumber);
740	+
741	+ if (!attributes.pageLink) return false;
742	+ });
743	+
744	+ // Go button click
745	+ el.delegate('.J-paginationjs-go-button', 'click', function(event) {
746	+ var pageNumber = $('.J-paginationjs-go-pagenumber', el).val();
747	+
748	+ // Before Go button clicked
749	+ if (self.callHook('beforeGoButtonOnClick', event, pageNumber) === false) return false;
750	+
751	+ container.trigger(eventPrefix + 'go', pageNumber);
752	+
753	+ // After Go button clicked
754	+ self.callHook('afterGoButtonOnClick', event, pageNumber);
755	+ });
756	+
757	+ // go input enter
758	+ el.delegate('.J-paginationjs-go-pagenumber', 'keyup', function(event) {
759	+ if (event.which === 13) {
760	+ var pageNumber = $(event.currentTarget).val();
761	+
762	+ // Before Go input enter
763	+ if (self.callHook('beforeGoInputOnEnter', event, pageNumber) === false) return false;
764	+
765	+ container.trigger(eventPrefix + 'go', pageNumber);
766	+
767	+ // Regains focus
768	+ $('.J-paginationjs-go-pagenumber', el).focus();
769	+
770	+ // After Go input enter
771	+ self.callHook('afterGoInputOnEnter', event, pageNumber);
772	+ }
773	+ });
774	+
775	+ // Previous page
776	+ container.on(eventPrefix + 'previous', function(event, done) {
777	+ self.previous(done);
778	+ });
779	+
780	+ // Next page
781	+ container.on(eventPrefix + 'next', function(event, done) {
782	+ self.next(done);
783	+ });
784	+
785	+ // Disable
786	+ container.on(eventPrefix + 'disable', function() {
787	+ self.disable();
788	+ });
789	+
790	+ // Enable
791	+ container.on(eventPrefix + 'enable', function() {
792	+ self.enable();
793	+ });
794	+
795	+ // Refresh
796	+ container.on(eventPrefix + 'refresh', function(event, done) {
797	+ self.refresh(done);
798	+ });
799	+
800	+ // Show
801	+ container.on(eventPrefix + 'show', function() {
802	+ self.show();
803	+ });
804	+
805	+ // Hide
806	+ container.on(eventPrefix + 'hide', function() {
807	+ self.hide();
808	+ });
809	+
810	+ // Destroy
811	+ container.on(eventPrefix + 'destroy', function() {
812	+ self.destroy();
813	+ });
814	+
815	+ // Whether to load the default page
816	+ var validTotalPage = Math.max(self.getTotalPage(), 1)
817	+ var defaultPageNumber = attributes.pageNumber;
818	+ // Default pageNumber should be 1 when totalNumber is dynamic
819	+ if (self.isDynamicTotalNumber) {
820	+ defaultPageNumber = 1;
821	+ }
822	+ if (attributes.triggerPagingOnInit) {
823	+ container.trigger(eventPrefix + 'go', Math.min(defaultPageNumber, validTotalPage));
824	+ }
825	+ }
826	+ };
827	+
828	+ // Pagination has been initialized
829	+ if (container.data('pagination') && container.data('pagination').initialized === true) {
830	+ // Handle events
831	+ if ($.isNumeric(options)) {
832	+ // eg: container.pagination(5)
833	+ container.trigger.call(this, eventPrefix + 'go', options, arguments[1]);
834	+ return this;
835	+ } else if (typeof options === 'string') {
836	+ var args = Array.prototype.slice.apply(arguments);
837	+ args[0] = eventPrefix + args[0];
838	+
839	+ switch (options) {
840	+ case 'previous':
841	+ case 'next':
842	+ case 'go':
843	+ case 'disable':
844	+ case 'enable':
845	+ case 'refresh':
846	+ case 'show':
847	+ case 'hide':
848	+ case 'destroy':
849	+ container.trigger.apply(this, args);
850	+ break;
851	+ // Get selected page number
852	+ case 'getSelectedPageNum':
853	+ if (container.data('pagination').model) {
854	+ return container.data('pagination').model.pageNumber;
855	+ } else {
856	+ return container.data('pagination').attributes.pageNumber;
857	+ }
858	+ // Get total page
859	+ case 'getTotalPage':
860	+ return Math.ceil(container.data('pagination').model.totalNumber / container.data('pagination').model.pageSize);
861	+ // Get data of selected page
862	+ case 'getSelectedPageData':
863	+ return container.data('pagination').currentPageData;
864	+ // Whether pagination has been disabled
865	+ case 'isDisabled':
866	+ return container.data('pagination').model.disabled === true;
867	+ default:
868	+ throwError('Unknown action: ' + options);
869	+ }
870	+ return this;
871	+ } else {
872	+ // Uninstall the old instance before initializing a new one
873	+ uninstallPlugin(container);
874	+ }
875	+ } else {
876	+ if (!Helpers.isObject(options)) throwError('Illegal options');
877	+ }
878	+
879	+ // Check parameters
880	+ parameterChecker(attributes);
881	+
882	+ pagination.initialize();
883	+
884	+ return this;
885	+ };
886	+
887	+ // Instance defaults
888	+ $.fn[pluginName].defaults = {
889	+
890	+ // Data source
891	+ // Array \| String \| Function \| Object
892	+ //dataSource: '',
893	+
894	+ // String \| Function
895	+ //locator: 'data',
896	+
897	+ // Find totalNumber from remote response, the totalNumber will be ignored when totalNumberLocator is specified
898	+ // Function
899	+ //totalNumberLocator: function() {},
900	+
901	+ // Total entries
902	+ totalNumber: 0,
903	+
904	+ // Default page
905	+ pageNumber: 1,
906	+
907	+ // entries of per page
908	+ pageSize: 10,
909	+
910	+ // Page range (pages on both sides of the current page)
911	+ pageRange: 2,
912	+
913	+ // Whether to display the 'Previous' button
914	+ showPrevious: true,
915	+
916	+ // Whether to display the 'Next' button
917	+ showNext: true,
918	+
919	+ // Whether to display the page buttons
920	+ showPageNumbers: true,
921	+
922	+ showNavigator: false,
923	+
924	+ // Whether to display the 'Go' input
925	+ showGoInput: false,
926	+
927	+ // Whether to display the 'Go' button
928	+ showGoButton: false,
929	+
930	+ // Page link
931	+ pageLink: '',
932	+
933	+ // 'Previous' text
934	+ prevText: '«',
935	+
936	+ // 'Next' text
937	+ nextText: '»',
938	+
939	+ // Ellipsis text
940	+ ellipsisText: '...',
941	+
942	+ // 'Go' button text
943	+ goButtonText: 'Go',
944	+
945	+ // Additional className for Pagination element
946	+ //className: '',
947	+
948	+ classPrefix: 'paginationjs',
949	+
950	+ // Default active class
951	+ activeClassName: 'active',
952	+
953	+ // Default disable class
954	+ disableClassName: 'disabled',
955	+
956	+ //ulClassName: '',
957	+
958	+ // Whether to insert inline style
959	+ inlineStyle: true,
960	+
961	+ formatNavigator: '<%= currentPage %> / <%= totalPage %>',
962	+
963	+ formatGoInput: '<%= input %>',
964	+
965	+ formatGoButton: '<%= button %>',
966	+
967	+ // Pagination element's position in the container
968	+ position: 'bottom',
969	+
970	+ // Auto hide previous button when current page is the first page
971	+ autoHidePrevious: false,
972	+
973	+ // Auto hide next button when current page is the last page
974	+ autoHideNext: false,
975	+
976	+ //header: '',
977	+
978	+ //footer: '',
979	+
980	+ // Aliases for custom pagination parameters
981	+ //alias: {},
982	+
983	+ // Whether to trigger pagination at initialization
984	+ triggerPagingOnInit: true,
985	+
986	+ // Whether to hide pagination when less than one page
987	+ hideWhenLessThanOnePage: false,
988	+
989	+ showFirstOnEllipsisShow: true,
990	+
991	+ showLastOnEllipsisShow: true,
992	+
993	+ // Pagination callback
994	+ callback: function() {}
995	+ };
996	+
997	+ // Hook register
998	+ $.fn[pluginHookMethod] = function(hook, callback) {
999	+ if (arguments.length < 2) {
1000	+ throwError('Missing argument.');
1001	+ }
1002	+
1003	+ if (!$.isFunction(callback)) {
1004	+ throwError('callback must be a function.');
1005	+ }
1006	+
1007	+ var container = $(this);
1008	+ var paginationData = container.data('pagination');
1009	+
1010	+ if (!paginationData) {
1011	+ container.data('pagination', {});
1012	+ paginationData = container.data('pagination');
1013	+ }
1014	+
1015	+ !paginationData.hooks && (paginationData.hooks = {});
1016	+
1017	+ //paginationData.hooks[hook] = callback;
1018	+ paginationData.hooks[hook] = paginationData.hooks[hook] \|\| [];
1019	+ paginationData.hooks[hook].push(callback);
1020	+
1021	+ };
1022	+
1023	+ // Static method
1024	+ $[pluginName] = function(selector, options) {
1025	+ if (arguments.length < 2) {
1026	+ throwError('Requires two parameters.');
1027	+ }
1028	+
1029	+ var container;
1030	+
1031	+ // 'selector' is a jQuery object
1032	+ if (typeof selector !== 'string' && selector instanceof jQuery) {
1033	+ container = selector;
1034	+ } else {
1035	+ container = $(selector);
1036	+ }
1037	+
1038	+ if (!container.length) return;
1039	+
1040	+ container.pagination(options);
1041	+
1042	+ return container;
1043	+ };
1044	+
1045	+ // ============================================================
1046	+ // helpers
1047	+ // ============================================================
1048	+
1049	+ var Helpers = {};
1050	+
1051	+ // Throw error
1052	+ function throwError(content) {
1053	+ throw new Error('Pagination: ' + content);
1054	+ }
1055	+
1056	+ // Check parameters
1057	+ function parameterChecker(args) {
1058	+ if (!args.dataSource) {
1059	+ throwError('"dataSource" is required.');
1060	+ }
1061	+
1062	+ if (typeof args.dataSource === 'string') {
1063	+ if (args.totalNumberLocator === undefined) {
1064	+ if (args.totalNumber === undefined) {
1065	+ throwError('"totalNumber" is required.');
1066	+ } else if (!$.isNumeric(args.totalNumber)) {
1067	+ throwError('"totalNumber" is incorrect. (Number)');
1068	+ }
1069	+ } else {
1070	+ if (!$.isFunction(args.totalNumberLocator)) {
1071	+ throwError('"totalNumberLocator" should be a Function.');
1072	+ }
1073	+ }
1074	+ } else if (Helpers.isObject(args.dataSource)) {
1075	+ if (typeof args.locator === 'undefined') {
1076	+ throwError('"dataSource" is an Object, please specify "locator".');
1077	+ } else if (typeof args.locator !== 'string' && !$.isFunction(args.locator)) {
1078	+ throwError('' + args.locator + ' is incorrect. (String \| Function)');
1079	+ }
1080	+ }
1081	+
1082	+ if (args.formatResult !== undefined && !$.isFunction(args.formatResult)) {
1083	+ throwError('"formatResult" should be a Function.');
1084	+ }
1085	+ }
1086	+
1087	+ // uninstall plugin
1088	+ function uninstallPlugin(target) {
1089	+ var events = ['go', 'previous', 'next', 'disable', 'enable', 'refresh', 'show', 'hide', 'destroy'];
1090	+
1091	+ // off events of old instance
1092	+ $.each(events, function(index, value) {
1093	+ target.off(eventPrefix + value);
1094	+ });
1095	+
1096	+ // reset pagination data
1097	+ target.data('pagination', {});
1098	+
1099	+ // remove old
1100	+ $('.paginationjs', target).remove();
1101	+ }
1102	+
1103	+ // Object type detection
1104	+ function getObjectType(object, tmp) {
1105	+ return ( (tmp = typeof(object)) == "object" ? object == null && "null" \|\| Object.prototype.toString.call(object).slice(8, -1) : tmp ).toLowerCase();
1106	+ }
1107	+
1108	+ $.each(['Object', 'Array', 'String'], function(index, name) {
1109	+ Helpers['is' + name] = function(object) {
1110	+ return getObjectType(object) === name.toLowerCase();
1111	+ };
1112	+ });
1113	+
1114	+ /*
1115	+ * export via AMD or CommonJS
1116	+ * */
1117	+ if (typeof define === 'function' && define.amd) {
1118	+ define(function() {
1119	+ return $;
1120	+ });
1121	+ }
1122	+
1123	+ })(this, window.jQuery);

disable-comments.php CHANGED Viewed

	@@ -4,7 +4,7 @@
4	* Plugin Name: Disable Comments
5	* Plugin URI: https://wordpress.org/plugins/disable-comments/
6	* Description: Allows administrators to globally disable comments on their site. Comments can be disabled according to post type. You could bulk delete comments using Tools.
7	- * Version: 2.2.3
8	* Author: WPDeveloper
9	* Author URI: https://wpdeveloper.net
10	* License: GPL-3.0+
	@@ -37,7 +37,7 @@ class Disable_Comments
37
38	function __construct()
39	{
40	- define('DC_VERSION', '2.2.3');
41	define('DC_PLUGIN_SLUG', 'disable_comments_settings');
42	define('DC_PLUGIN_ROOT_PATH', dirname(__FILE__));
43	define('DC_PLUGIN_VIEWS_PATH', DC_PLUGIN_ROOT_PATH . '/views/');
	@@ -47,6 +47,7 @@ class Disable_Comments
47	// save settings
48	add_action('wp_ajax_disable_comments_save_settings', array($this, 'disable_comments_settings'));
49	add_action('wp_ajax_disable_comments_delete_comments', array($this, 'delete_comments_settings'));

50
51	// Including cli.php
52	if (defined('WP_CLI') && WP_CLI) {
	@@ -192,8 +193,7 @@ class Disable_Comments
192	$this->options['disabled_sites'] = [];
193	$dc_options = get_site_option('disable_comments_options', array());
194
195	- foreach(get_sites(['number' => 0]) as $~~blog~~){
196	- $blog_id = $blog->blog_id;
197	if(isset($dc_options['disabled_sites'])){
198	$this->options['disabled_sites']["site_$blog_id"] = in_array($blog_id, $dc_options['disabled_sites']);
199	}
	@@ -225,12 +225,16 @@ class Disable_Comments
225	}
226	}
227
228	- public function get_disabled_sites(){
229	- $this->options['disabled_sites'] = isset($this->options['disabled_sites']) ? $this->options['disabled_sites'] : [];
230	$disabled_sites = ['all' => true];
231	- foreach(get_sites(['number' => 0]) as $~~blog~~){
232	- $disabled_sites["site_{$~~blog->~~blog_id}"] = true;



233	}


234	$this->options['disabled_sites'] = wp_parse_args($this->options['disabled_sites'], $disabled_sites);
235	$disabled_sites = $this->options['disabled_sites'];
236	unset($disabled_sites['all']);
	@@ -306,6 +310,13 @@ class Disable_Comments
306	add_action('enqueue_block_editor_assets', array($this, 'filter_gutenberg_blocks'));
307	// settings page assets
308	add_action('admin_enqueue_scripts', array($this, 'settings_page_assets'));







309	}
310
311
	@@ -508,9 +519,11 @@ class Disable_Comments
508	) {
509	// css
510	wp_enqueue_style('sweetalert2', DC_ASSETS_URI . 'css/sweetalert2.min.css', [], false);

511	wp_enqueue_style('disable-comments-style', DC_ASSETS_URI . 'css/style.css', [], false);
512	// js
513	wp_enqueue_script('sweetalert2', DC_ASSETS_URI . 'js/sweetalert2.all.min.js', array('jquery'), false, true);

514	wp_enqueue_script('disable-comments-scripts', DC_ASSETS_URI . 'js/disable-comments-settings-scripts.js', array('jquery'), false, true);
515	wp_localize_script(
516	'disable-comments-scripts',
	@@ -720,9 +733,10 @@ class Disable_Comments
720	$count = 0;
721	$sites = get_sites([
722	'number' => 0,

723	]);
724	- foreach ( $sites as $~~site~~ ) {
725	- switch_to_blog( $~~site->~~blog_id );
726	$count += $wpdb->get_var("SELECT count(comment_id) from $wpdb->comments");
727	restore_current_blog();
728	}
	@@ -738,9 +752,10 @@ class Disable_Comments
738	$comment_types = [];
739	$sites = get_sites([
740	'number' => 0,

741	]);
742	- foreach ( $sites as $~~site~~ ) {
743	- switch_to_blog( $~~site->~~blog_id );
744	$comment_types = array_merge($this->_get_all_comment_types(), $comment_types);
745	restore_current_blog();
746	}
	@@ -797,20 +812,48 @@ class Disable_Comments
797	include_once DC_PLUGIN_VIEWS_PATH . 'settings.php';
798	}
799






































800
801	public function form_data_modify($form_data)
802	{
803	- $~~formArray = []~~;
804	- if (is_array($form_data) && count($form_data) > 0) {
805	- foreach ($form_data as $form_item) {
806	- if (preg_match('/[[]]/', $form_item['name'])) {
807	- $formArray[str_replace("[]", "", $form_item['name'])][] = $form_item['value'];
808	- } else {
809	- $formArray[$form_item['name']] = $form_item['value'];
810	- }
811	- }
812	- }
813	- return $formArray;
814	}
815
816	public function disable_comments_settings($_args = array())
	@@ -828,14 +871,10 @@ class Disable_Comments
828	$this->options['is_network_admin'] = isset($formArray['is_network_admin']) && $formArray['is_network_admin'] == '1' ? true : false;
829
830	if(!empty($this->options['is_network_admin']) && function_exists('get_sites') && empty($formArray['sitewide_settings'])){
831	- $formArray['disabled_sites'] = isset($formArray['disabled_sites']) ? $formArray['disabled_sites'] : [];
832	- $this->options['disabled_sites'] = [
833	- '~~all~~' => ~~in_array~~('~~all~~', $formArray['disabled_sites']),
834	- ];
835	- foreach (get_sites(['number' => false]) as $key => $site) {
836	- $blog_id = "site_{$site->blog_id}";
837	- $this->options['disabled_sites'][$blog_id] = in_array($blog_id, $formArray['disabled_sites']);
838	- }
839	}
840	elseif(!empty($this->options['is_network_admin']) && !empty($formArray['sitewide_settings'])){
841	$this->options['disabled_sites'] = $old_options['disabled_sites'];
	@@ -900,11 +939,12 @@ class Disable_Comments
900	if ( !empty($formArray['is_network_admin']) && function_exists( 'get_sites' ) && class_exists( 'WP_Site_Query' ) ) {
901	$sites = get_sites([
902	'number' => 0,

903	]);
904	- foreach ( $sites as $~~site~~ ) {
905	// $formArray['disabled_sites'] ids don't include "site_" prefix.
906	- if( !empty($formArray['disabled_sites']) && ~~in_array~~($~~site->blog_id, $~~formArray['disabled_sites'])){
907	- switch_to_blog( $~~site->~~blog_id );
908	$log = $this->delete_comments($_args);
909	restore_current_blog();
910	}


4	* Plugin Name: Disable Comments
5	* Plugin URI: https://wordpress.org/plugins/disable-comments/
6	* Description: Allows administrators to globally disable comments on their site. Comments can be disabled according to post type. You could bulk delete comments using Tools.
7	+ * Version: 2.2.4
8	* Author: WPDeveloper
9	* Author URI: https://wpdeveloper.net
10	* License: GPL-3.0+

37
38	function __construct()
39	{
40	+ define('DC_VERSION', '2.2.4');
41	define('DC_PLUGIN_SLUG', 'disable_comments_settings');
42	define('DC_PLUGIN_ROOT_PATH', dirname(__FILE__));
43	define('DC_PLUGIN_VIEWS_PATH', DC_PLUGIN_ROOT_PATH . '/views/');

47	// save settings
48	add_action('wp_ajax_disable_comments_save_settings', array($this, 'disable_comments_settings'));
49	add_action('wp_ajax_disable_comments_delete_comments', array($this, 'delete_comments_settings'));
50	+ add_action('wp_ajax_get_sub_sites', array($this, 'get_sub_sites'));
51
52	// Including cli.php
53	if (defined('WP_CLI') && WP_CLI) {

193	$this->options['disabled_sites'] = [];
194	$dc_options = get_site_option('disable_comments_options', array());
195
196	+ foreach(get_sites(['number' => 0, 'fields' => 'ids']) as $blog_id){

197	if(isset($dc_options['disabled_sites'])){
198	$this->options['disabled_sites']["site_$blog_id"] = in_array($blog_id, $dc_options['disabled_sites']);
199	}

225	}
226	}
227
228	+ public function get_disabled_sites($default = false){

229	$disabled_sites = ['all' => true];
230	+ foreach(get_sites(['number' => 0, 'fields' => 'ids']) as $blog_id){
231	+ $disabled_sites["site_{$blog_id}"] = true;
232	+ }
233	+ if($default){
234	+ return $disabled_sites;
235	}
236	+
237	+ $this->options['disabled_sites'] = isset($this->options['disabled_sites']) ? $this->options['disabled_sites'] : [];
238	$this->options['disabled_sites'] = wp_parse_args($this->options['disabled_sites'], $disabled_sites);
239	$disabled_sites = $this->options['disabled_sites'];
240	unset($disabled_sites['all']);

310	add_action('enqueue_block_editor_assets', array($this, 'filter_gutenberg_blocks'));
311	// settings page assets
312	add_action('admin_enqueue_scripts', array($this, 'settings_page_assets'));
313	+
314	+ if(!$this->networkactive \|\| $this->options['sitewide_settings']) {
315	+ add_filter('comment_status_links', function($status_links){
316	+ $status_links['disable_comments'] = sprintf("<a href='" . $this->settings_page_url() . "'>%s</a>", __("Disable Comments", 'disable-comments'));
317	+ return $status_links;
318	+ });
319	+ }
320	}
321
322

519	) {
520	// css
521	wp_enqueue_style('sweetalert2', DC_ASSETS_URI . 'css/sweetalert2.min.css', [], false);
522	+ // wp_enqueue_style('pagination', DC_ASSETS_URI . 'css/pagination.css', [], false);
523	wp_enqueue_style('disable-comments-style', DC_ASSETS_URI . 'css/style.css', [], false);
524	// js
525	wp_enqueue_script('sweetalert2', DC_ASSETS_URI . 'js/sweetalert2.all.min.js', array('jquery'), false, true);
526	+ wp_enqueue_script('pagination', DC_ASSETS_URI . 'js/pagination.min.js', array('jquery'), false, true);
527	wp_enqueue_script('disable-comments-scripts', DC_ASSETS_URI . 'js/disable-comments-settings-scripts.js', array('jquery'), false, true);
528	wp_localize_script(
529	'disable-comments-scripts',

733	$count = 0;
734	$sites = get_sites([
735	'number' => 0,
736	+ 'fields' => 'ids',
737	]);
738	+ foreach ( $sites as $blog_id ) {
739	+ switch_to_blog( $blog_id );
740	$count += $wpdb->get_var("SELECT count(comment_id) from $wpdb->comments");
741	restore_current_blog();
742	}

752	$comment_types = [];
753	$sites = get_sites([
754	'number' => 0,
755	+ 'fields' => 'ids',
756	]);
757	+ foreach ( $sites as $blog_id ) {
758	+ switch_to_blog( $blog_id );
759	$comment_types = array_merge($this->_get_all_comment_types(), $comment_types);
760	restore_current_blog();
761	}

812	include_once DC_PLUGIN_VIEWS_PATH . 'settings.php';
813	}
814
815	+ public function get_sub_sites(){
816	+ $_sub_sites = [];
817	+ $type = isset($_GET['type']) ? $_GET['type'] : 'disabled';
818	+ $search = isset($_GET['search']) ? $_GET['search'] : '';
819	+ $pageSize = isset($_GET['pageSize']) ? $_GET['pageSize'] : 50;
820	+ $pageNumber = isset($_GET['pageNumber']) ? $_GET['pageNumber'] : 1;
821	+ $offset = ($pageNumber - 1) * $pageSize;
822	+ $sub_sites = get_sites([
823	+ 'number' => $pageSize,
824	+ 'offset' => $offset,
825	+ 'search' => $search,
826	+ 'fields' => 'ids',
827	+ ]);
828	+ $totalNumber = get_sites([
829	+ // 'number' => $pageSize,
830	+ // 'offset' => $offset,
831	+ 'search' => $search,
832	+ 'count' => true,
833	+ ]);
834	+
835	+ if($type == 'disabled'){
836	+ $disabled_site_options = isset($this->options['disabled_sites']) ? $this->options['disabled_sites'] : [];
837	+ }
838	+ else{ // if($type == 'delete')
839	+ $disabled_site_options = $this->get_disabled_sites(true);
840	+ }
841	+
842	+ foreach ($sub_sites as $sub_site_id) {
843	+ $blog = get_blog_details($sub_site_id);
844	+ $is_checked = checked(!empty($disabled_site_options["site_$sub_site_id"]), true, false);
845	+ $_sub_sites[] = [
846	+ 'site_id' => $sub_site_id,
847	+ 'is_checked' => $is_checked,
848	+ 'blogname' => $blog->blogname,
849	+ ];
850	+ }
851	+ wp_send_json(['data' => $_sub_sites, 'totalNumber' => $totalNumber]);
852	+ }
853
854	public function form_data_modify($form_data)
855	{
856	+ return wp_parse_args($form_data);










857	}
858
859	public function disable_comments_settings($_args = array())

871	$this->options['is_network_admin'] = isset($formArray['is_network_admin']) && $formArray['is_network_admin'] == '1' ? true : false;
872
873	if(!empty($this->options['is_network_admin']) && function_exists('get_sites') && empty($formArray['sitewide_settings'])){
874	+ $formArray ['disabled_sites'] = isset($formArray['disabled_sites']) ? $formArray['disabled_sites'] : [];
875	+ $this->options['disabled_sites'] = isset($old_options['disabled_sites']) ? $old_options['disabled_sites'] : [];
876	+ $this->options['disabled_sites'] = array_merge($this->options['disabled_sites'], $formArray['disabled_sites']);
877	+




878	}
879	elseif(!empty($this->options['is_network_admin']) && !empty($formArray['sitewide_settings'])){
880	$this->options['disabled_sites'] = $old_options['disabled_sites'];

939	if ( !empty($formArray['is_network_admin']) && function_exists( 'get_sites' ) && class_exists( 'WP_Site_Query' ) ) {
940	$sites = get_sites([
941	'number' => 0,
942	+ 'fields' => 'ids',
943	]);
944	+ foreach ( $sites as $blog_id ) {
945	// $formArray['disabled_sites'] ids don't include "site_" prefix.
946	+ if( !empty($formArray['disabled_sites']) && !empty($formArray['disabled_sites']["site_$blog_id"])){
947	+ switch_to_blog( $blog_id );
948	$log = $this->delete_comments($_args);
949	restore_current_blog();
950	}

languages/disable-comments.pot CHANGED Viewed

	@@ -2,9 +2,9 @@
2	# This file is distributed under the GPL-3.0+.
3	msgid ""
4	msgstr ""
5	- "Project-Id-Version: Disable Comments 2.2.3\n"
6	"Report-Msgid-Bugs-To: https://wordpress.org/support/plugin/disable-comments\n"
7	- "POT-Creation-Date: 2021-10-25 06:12:22+00:00\n"
8	"MIME-Version: 1.0\n"
9	"Content-Type: text/plain; charset=utf-8\n"
10	"Content-Transfer-Encoding: 8bit\n"
	@@ -24,11 +24,11 @@ msgstr ""
24	"X-Textdomain-Support: yes\n"
25	"X-Generator: grunt-wp-i18n 1.0.3\n"
26
27	- #: disable-comments.php:~~154~~
28	msgid "Want to help make Disable Comments even better?"
29	msgstr ""
30
31	- #: disable-comments.php:~~155~~
32	msgid ""
33	"We collect non-sensitive diagnostic data and plugin usage information. Your "
34	"site URL, WordPress & PHP version, plugins & themes and email address to "
	@@ -37,16 +37,20 @@ msgid ""
37	"I promise."
38	msgstr ""
39
40	- #: disable-comments.php:~~167~~
41	#. translators: %s: WordPress version no.
42	msgid "Disable Comments requires WordPress version %s or greater."
43	msgstr ""
44
45	- #: ~~disable-comments.php:454~~ ~~disable-comments.php:600~~ ~~disable-comments.php:607~~




46	msgid "Comments are closed."
47	msgstr ""
48
49	- #: disable-comments.php:~~556~~
50	#. translators: %s: disabled post types.
51	msgid ""
52	"Note: The <em>Disable Comments</em> plugin is currently active, and "
	@@ -54,11 +58,11 @@ msgid ""
54	"not be applicable for those post types."
55	msgstr ""
56
57	- #: disable-comments.php:~~556~~
58	msgid ", "
59	msgstr ""
60
61	- #: disable-comments.php:~~591~~
62	#. translators: %s: URL to Disabled Comment settings page.
63	msgid ""
64	"The <strong>Disable Comments</strong> plugin is active, but isn't "
	@@ -66,31 +70,31 @@ msgid ""
66	"page</a> to choose which post types to disable comments on."
67	msgstr ""
68
69	- #: disable-comments.php:~~680~~ views/partials/_disable.php:3
70	msgid "Settings"
71	msgstr ""
72
73	- #: disable-comments.php:~~681~~
74	msgid "Tools"
75	msgstr ""
76
77	- #: disable-comments.php:~~700~~ views/partials/_delete.php:84
78	msgid "Delete Comments"
79	msgstr ""
80
81	- #: disable-comments.php:~~763~~
82	msgid "Default (no type)"
83	msgstr ""
84
85	- #: disable-comments.php:~~878~~
86	msgid "Saved"
87	msgstr ""
88
89	- #: disable-comments.php:~~948~~ disable-comments.php:~~982~~ disable-comments.php:~~1005~~
90	msgid "All comments have been deleted"
91	msgstr ""
92
93	- #: disable-comments.php:~~950~~ disable-comments.php:~~954~~
94	msgid "Internal error occured. Please try again later."
95	msgstr ""
96
	@@ -189,44 +193,44 @@ msgstr ""
189	msgid "Disable Comments via REST API. "
190	msgstr ""
191
192	- #: views/partials/_delete.php:32 views/partials/_delete.php:36
193	- #: views/partials/_disable.php:19 views/partials/_disable.php:48
194	- #: views/partials/_disable.php:53 views/partials/_disable.php:84
195	msgid "Note:"
196	msgstr ""
197
198	- #: views/partials/_delete.php:32
199	msgid "Select your sub-sites where you want to delete comments."
200	msgstr ""
201
202	- #: views/partials/_delete.php:36
203	msgid ""
204	"These settings will permanently delete comments for your entire website, or "
205	"for specific posts and comment types."
206	msgstr ""
207
208	- #: views/partials/_delete.php:39 views/partials/_disable.php:60
209	msgid "Everywhere:"
210	msgstr ""
211
212	- #: views/partials/_delete.php:39
213	msgid "Permanently delete all comments on your WordPress website"
214	msgstr ""
215
216	- #: views/partials/_delete.php:40 views/partials/_delete.php:63
217	- #: views/partials/_delete.php:76 views/partials/_disable.php:61
218	msgid "Warnings:"
219	msgstr ""
220
221	- #: views/partials/_delete.php:40
222	msgid "This will permanently delete comments everywhere on your website."
223	msgstr ""
224
225	- #: views/partials/_delete.php:44
226	msgid "On Certain Post Types:"
227	msgstr ""
228
229	- #: views/partials/_delete.php:59 views/partials/_disable.php:80
230	msgid ""
231	"Only the built-in post types appear above. If you want to disable comments "
232	"on other custom post types on the entire network, you can supply a "
	@@ -234,32 +238,32 @@ msgid ""
234	"post type)."
235	msgstr ""
236
237	- #: views/partials/_delete.php:60 views/partials/_disable.php:81
238	msgid "Custom post types:"
239	msgstr ""
240
241	- #: views/partials/_delete.php:63
242	msgid ""
243	"This will remove existing comment entries for the selected post type(s) in "
244	"the database and cannot be reverted without a database backups."
245	msgstr ""
246
247	- #: views/partials/_delete.php:67
248	msgid "Delete Certain Comment Types:"
249	msgstr ""
250
251	- #: views/partials/_delete.php:76
252	msgid ""
253	"Deleting comments by comment type will remove existing comment entries of "
254	"the selected comment type(s) in the database and cannot be reverted without "
255	"a database backup."
256	msgstr ""
257
258	- #: views/partials/_delete.php:78
259	msgid "Total Comments:"
260	msgstr ""
261
262	- #: views/partials/_delete.php:~~222~~
263	msgid "No comments are available for deletion."
264	msgstr ""
265
	@@ -269,13 +273,13 @@ msgid ""
269	"types of posts."
270	msgstr ""
271
272	- #: views/partials/_disable.php:14 views/partials/_disable.php:96
273	- #: views/partials/_disable.php:~~106~~
274	msgid "On"
275	msgstr ""
276
277	- #: views/partials/_disable.php:15 views/partials/_disable.php:97
278	- #: views/partials/_disable.php:~~107~~
279	msgid "Off"
280	msgstr ""
281
	@@ -285,31 +289,31 @@ msgid ""
285	"Comments” settings individually on every website in the network."
286	msgstr ""
287
288	- #: views/partials/_disable.php:48
289	msgid "All the underneath settings will be applied for these selected sub sites."
290	msgstr ""
291
292	- #: views/partials/_disable.php:53
293	msgid ""
294	"This site will be controlled by the network admin until you click the "
295	"\"Save Changes\" button."
296	msgstr ""
297
298	- #: views/partials/_disable.php:60
299	msgid "Disable comments globally on your entire website"
300	msgstr ""
301
302	- #: views/partials/_disable.php:61
303	msgid ""
304	"This will disable comments from every page and post on your website. Use "
305	"this setting if you do not want to show comments anywhere."
306	msgstr ""
307
308	- #: views/partials/_disable.php:65
309	msgid "On Specific Post Types:"
310	msgstr ""
311
312	- #: views/partials/_disable.php:84
313	msgid ""
314	"Disabling comments will also disable trackbacks and pingbacks. All "
315	"comment-related fields will also be hidden from the edit/quick-edit screens "
	@@ -317,31 +321,31 @@ msgid ""
317	"posts. Comments will be visible on all other post types."
318	msgstr ""
319
320	- #: views/partials/_disable.php:88
321	msgid "Disable Comments With API"
322	msgstr ""
323
324	- #: views/partials/_disable.php:89
325	msgid ""
326	"You can disable comments made on your website using WordPress "
327	"specifications."
328	msgstr ""
329
330	- #: views/partials/_disable.php:99
331	msgid "Disable Comments via XML-RPC"
332	msgstr ""
333
334	- #: views/partials/_disable.php:~~108~~
335	msgid "Disable Comments via REST API"
336	msgstr ""
337
338	- #: views/partials/_disable.php:~~112~~
339	msgid ""
340	"Turning on these settings will disable any comments made on your website "
341	"via XML-RPC or REST API specifications."
342	msgstr ""
343
344	- #: views/partials/_disable.php:~~117~~
345	msgid "Save Changes"
346	msgstr ""
347
	@@ -397,12 +401,12 @@ msgstr ""
397	msgid "Disable Comments For WordPress Pages"
398	msgstr ""
399
400	- #: views/~~settings~~.php:6
401	- msgid "~~Version~~"
402	msgstr ""
403
404	- #. ~~Plugin Name of the plugin~~/~~theme~~
405	- msgid "~~Disable Comments~~"
406	msgstr ""
407
408	#. Plugin URI of the plugin/theme
	@@ -424,7 +428,7 @@ msgstr ""
424	msgid "https://wpdeveloper.net"
425	msgstr ""
426
427	- #: disable-comments.php:~~690~~
428	msgctxt "settings menu title"
429	msgid "Disable Comments"
430	msgstr ""


2	# This file is distributed under the GPL-3.0+.
3	msgid ""
4	msgstr ""
5	+ "Project-Id-Version: Disable Comments 2.2.4\n"
6	"Report-Msgid-Bugs-To: https://wordpress.org/support/plugin/disable-comments\n"
7	+ "POT-Creation-Date: 2021-11-09 03:17:25+00:00\n"
8	"MIME-Version: 1.0\n"
9	"Content-Type: text/plain; charset=utf-8\n"
10	"Content-Transfer-Encoding: 8bit\n"

24	"X-Textdomain-Support: yes\n"
25	"X-Generator: grunt-wp-i18n 1.0.3\n"
26
27	+ #: disable-comments.php:155
28	msgid "Want to help make Disable Comments even better?"
29	msgstr ""
30
31	+ #: disable-comments.php:156
32	msgid ""
33	"We collect non-sensitive diagnostic data and plugin usage information. Your "
34	"site URL, WordPress & PHP version, plugins & themes and email address to "

37	"I promise."
38	msgstr ""
39
40	+ #: disable-comments.php:168
41	#. translators: %s: WordPress version no.
42	msgid "Disable Comments requires WordPress version %s or greater."
43	msgstr ""
44
45	+ #. Plugin Name of the plugin/theme
46	+ msgid "Disable Comments"
47	+ msgstr ""
48	+
49	+ #: disable-comments.php:465 disable-comments.php:613 disable-comments.php:620
50	msgid "Comments are closed."
51	msgstr ""
52
53	+ #: disable-comments.php:569
54	#. translators: %s: disabled post types.
55	msgid ""
56	"Note: The <em>Disable Comments</em> plugin is currently active, and "

58	"not be applicable for those post types."
59	msgstr ""
60
61	+ #: disable-comments.php:569
62	msgid ", "
63	msgstr ""
64
65	+ #: disable-comments.php:604
66	#. translators: %s: URL to Disabled Comment settings page.
67	msgid ""
68	"The <strong>Disable Comments</strong> plugin is active, but isn't "

70	"page</a> to choose which post types to disable comments on."
71	msgstr ""
72
73	+ #: disable-comments.php:693 views/partials/_disable.php:3
74	msgid "Settings"
75	msgstr ""
76
77	+ #: disable-comments.php:694
78	msgid "Tools"
79	msgstr ""
80
81	+ #: disable-comments.php:713 views/partials/_delete.php:67
82	msgid "Delete Comments"
83	msgstr ""
84
85	+ #: disable-comments.php:778
86	msgid "Default (no type)"
87	msgstr ""
88
89	+ #: disable-comments.php:917
90	msgid "Saved"
91	msgstr ""
92
93	+ #: disable-comments.php:988 disable-comments.php:1022 disable-comments.php:1045
94	msgid "All comments have been deleted"
95	msgstr ""
96
97	+ #: disable-comments.php:990 disable-comments.php:994
98	msgid "Internal error occured. Please try again later."
99	msgstr ""
100

193	msgid "Disable Comments via REST API. "
194	msgstr ""
195
196	+ #: views/partials/_delete.php:15 views/partials/_delete.php:19
197	+ #: views/partials/_disable.php:19 views/partials/_disable.php:28
198	+ #: views/partials/_disable.php:33 views/partials/_disable.php:64
199	msgid "Note:"
200	msgstr ""
201
202	+ #: views/partials/_delete.php:15
203	msgid "Select your sub-sites where you want to delete comments."
204	msgstr ""
205
206	+ #: views/partials/_delete.php:19
207	msgid ""
208	"These settings will permanently delete comments for your entire website, or "
209	"for specific posts and comment types."
210	msgstr ""
211
212	+ #: views/partials/_delete.php:22 views/partials/_disable.php:40
213	msgid "Everywhere:"
214	msgstr ""
215
216	+ #: views/partials/_delete.php:22
217	msgid "Permanently delete all comments on your WordPress website"
218	msgstr ""
219
220	+ #: views/partials/_delete.php:23 views/partials/_delete.php:46
221	+ #: views/partials/_delete.php:59 views/partials/_disable.php:41
222	msgid "Warnings:"
223	msgstr ""
224
225	+ #: views/partials/_delete.php:23
226	msgid "This will permanently delete comments everywhere on your website."
227	msgstr ""
228
229	+ #: views/partials/_delete.php:27
230	msgid "On Certain Post Types:"
231	msgstr ""
232
233	+ #: views/partials/_delete.php:42 views/partials/_disable.php:60
234	msgid ""
235	"Only the built-in post types appear above. If you want to disable comments "
236	"on other custom post types on the entire network, you can supply a "

238	"post type)."
239	msgstr ""
240
241	+ #: views/partials/_delete.php:43 views/partials/_disable.php:61
242	msgid "Custom post types:"
243	msgstr ""
244
245	+ #: views/partials/_delete.php:46
246	msgid ""
247	"This will remove existing comment entries for the selected post type(s) in "
248	"the database and cannot be reverted without a database backups."
249	msgstr ""
250
251	+ #: views/partials/_delete.php:50
252	msgid "Delete Certain Comment Types:"
253	msgstr ""
254
255	+ #: views/partials/_delete.php:59
256	msgid ""
257	"Deleting comments by comment type will remove existing comment entries of "
258	"the selected comment type(s) in the database and cannot be reverted without "
259	"a database backup."
260	msgstr ""
261
262	+ #: views/partials/_delete.php:61
263	msgid "Total Comments:"
264	msgstr ""
265
266	+ #: views/partials/_delete.php:205
267	msgid "No comments are available for deletion."
268	msgstr ""
269

273	"types of posts."
274	msgstr ""
275
276	+ #: views/partials/_disable.php:14 views/partials/_disable.php:76
277	+ #: views/partials/_disable.php:86
278	msgid "On"
279	msgstr ""
280
281	+ #: views/partials/_disable.php:15 views/partials/_disable.php:77
282	+ #: views/partials/_disable.php:87
283	msgid "Off"
284	msgstr ""
285

289	"Comments” settings individually on every website in the network."
290	msgstr ""
291
292	+ #: views/partials/_disable.php:28
293	msgid "All the underneath settings will be applied for these selected sub sites."
294	msgstr ""
295
296	+ #: views/partials/_disable.php:33
297	msgid ""
298	"This site will be controlled by the network admin until you click the "
299	"\"Save Changes\" button."
300	msgstr ""
301
302	+ #: views/partials/_disable.php:40
303	msgid "Disable comments globally on your entire website"
304	msgstr ""
305
306	+ #: views/partials/_disable.php:41
307	msgid ""
308	"This will disable comments from every page and post on your website. Use "
309	"this setting if you do not want to show comments anywhere."
310	msgstr ""
311
312	+ #: views/partials/_disable.php:45
313	msgid "On Specific Post Types:"
314	msgstr ""
315
316	+ #: views/partials/_disable.php:64
317	msgid ""
318	"Disabling comments will also disable trackbacks and pingbacks. All "
319	"comment-related fields will also be hidden from the edit/quick-edit screens "

321	"posts. Comments will be visible on all other post types."
322	msgstr ""
323
324	+ #: views/partials/_disable.php:68
325	msgid "Disable Comments With API"
326	msgstr ""
327
328	+ #: views/partials/_disable.php:69
329	msgid ""
330	"You can disable comments made on your website using WordPress "
331	"specifications."
332	msgstr ""
333
334	+ #: views/partials/_disable.php:79
335	msgid "Disable Comments via XML-RPC"
336	msgstr ""
337
338	+ #: views/partials/_disable.php:88
339	msgid "Disable Comments via REST API"
340	msgstr ""
341
342	+ #: views/partials/_disable.php:92
343	msgid ""
344	"Turning on these settings will disable any comments made on your website "
345	"via XML-RPC or REST API specifications."
346	msgstr ""
347
348	+ #: views/partials/_disable.php:97
349	msgid "Save Changes"
350	msgstr ""
351

401	msgid "Disable Comments For WordPress Pages"
402	msgstr ""
403
404	+ #: views/partials/_sites.php:12
405	+ msgid "Select All"
406	msgstr ""
407
408	+ #: views/settings.php:6
409	+ msgid "Version"
410	msgstr ""
411
412	#. Plugin URI of the plugin/theme

428	msgid "https://wpdeveloper.net"
429	msgstr ""
430
431	+ #: disable-comments.php:703
432	msgctxt "settings menu title"
433	msgid "Disable Comments"
434	msgstr ""

readme.txt CHANGED Viewed

	@@ -5,7 +5,7 @@ Tags: comments, delete comments, disable comments, spam comment, disable, stop s
5	Requires at least: 5.0
6	Tested up to: 5.8
7	Requires PHP: 5.6
8	- Stable tag: 2.2.3
9	License: GPL-3.0-or-later
10	License URI: https://www.gnu.org/licenses/gpl-3.0.html
11
	@@ -191,6 +191,12 @@ The format is based on [Keep a Changelog](http://keepachangelog.com/)
191	and this project adheres to [Semantic Versioning](http://semver.org/).
192	This will be maiintained from August 19, 2020 - @asif2bd
193






194	= [2.2.3] - 2021-10-25 =
195	* Few minor bug fixes and improvement.
196


5	Requires at least: 5.0
6	Tested up to: 5.8
7	Requires PHP: 5.6
8	+ Stable tag: 2.2.4
9	License: GPL-3.0-or-later
10	License URI: https://www.gnu.org/licenses/gpl-3.0.html
11

191	and this project adheres to [Semantic Versioning](http://semver.org/).
192	This will be maiintained from August 19, 2020 - @asif2bd
193
194	+ = [2.2.4] - 2021-11-09 =
195	+ * Added: Ajax pagination in Subsite area (Multisite network).
196	+ * Added: Ajax search in Subsite area (Multisite network).
197	+ * Added: "Disable Comments" navigation added inside Comments menu.
198	+ * Few minor bug fixes and improvement.
199	+
200	= [2.2.3] - 2021-10-25 =
201	* Few minor bug fixes and improvement.
202

views/partials/_delete.php CHANGED Viewed

@@ -6,29 +6,12 @@
                     <div class="disable__comment__option mb50">
                         <?php if(is_network_admin()):?>
-            -
                            <div class="disable_option sites_option dc-text__block mb30 mt30">
                             <h3>Delete comments in the following sites:</h3>
-            -
                            <div class="disabled__sites delete__checklist">
                             <?php
-            -
                            echo "
-            -
                            <div class='delete__checklist__item'>
-            -
                                <input type='checkbox' class='check-all' id='delete__checklist__check__all' data-list='delete__checklist__item' checked >
-            -
                                <label for='delete__checklist__check__all'><b>Select All</b> <small>(0 selected)</small></label>
-            -
                            </div><br />";
-            -
                            $sub_sites = get_sites([
-            -
            					'number' => 0,
-            -
            				]);
-            -
                            foreach ( $sub_sites as $sub_site ) {
-            -
                                $sub_site_id = $sub_site->blog_id;
-            -
                                $blog = get_blog_details($sub_site_id);
-            -
                                echo
-            -
                                "<div class='delete__checklist__item'>
-            -
                                    <input type='checkbox' id='delete__checklist__item-$sub_site_id' class='site_option' name='disabled_sites[]' value='$sub_site_id' checked='checked'>
-            -
                                    <label for='delete__checklist__item-$sub_site_id'>{$blog->blogname}</label>
-            -
                                </div>";
-            -
                            }
                             ?>
-            -
                            </div>
                             <p class="disable__option__description"><span class="danger"><?php _e('Note:', 'disable-comments'); ?></span> <?php _e('Select your sub-sites where you want to delete comments.', 'disable-comments'); ?></p>
                         </div>


6
7	<div class="disable__comment__option mb50">
8	<?php if(is_network_admin()):?>
9	+ <div class="disable_option sites_list_wrapper dc-text__block mb30 mt30" data-type="delete">
10	<h3>Delete comments in the following sites:</h3>

11	<?php
12	+ $type = 'delete';
13	+ include DC_PLUGIN_VIEWS_PATH . 'partials/_sites.php';















14	?>

15	<p class="disable__option__description"><span class="danger"><?php _e('Note:', 'disable-comments'); ?></span> <?php _e('Select your sub-sites where you want to delete comments.', 'disable-comments'); ?></p>
16	</div>
17

views/partials/_disable.php CHANGED Viewed

@@ -19,32 +19,12 @@
                             <p class="disable__option__description"><span class="danger"><?php _e('Note:', 'disable-comments'); ?></span> <?php _e('If you enable Site Wise settings, you need to configure your “Disable Comments” settings individually on every website in the network.', 'disable-comments'); ?></p>
                         </div>
                     </div>
-            -
                    <div class="disable_option sites_option dc-text__block mb30 mt30">
                         <h3>Disable comments in the following sites:</h3>
-            -
                        <div class="disabled__sites remove__checklist">
                         <?php
-            -
                        $disabled_site_options = isset($this->options['disabled_sites']) ? $this->options['disabled_sites'] : [];
-            -
                        $sub_sites = get_sites([
-            -
                            'number' => 0,
-            -
                        ]);
-            -
                        echo "
-            -
                        <div class='remove__checklist__item'>
-            -
                            <input type='checkbox' class='check-all' id='disabled__sites__check__all' data-list='remove__checklist__item' name='disabled_sites[]' value='all' " .
-            -
                            checked(!empty($disabled_site_options['all']), true, false) . ">
-            -
                            <label for='disabled__sites__check__all'><b>Select All</b> <small>(0 selected)</small></label>
-            -
                        </div>";
-            -
-            -
                        foreach ( $sub_sites as $sub_site ) {
-            -
                            $sub_site_id = $sub_site->blog_id;
-            -
                            $blog = get_blog_details($sub_site_id);
-            -
                            echo
-            -
                            "<div class='remove__checklist__item'>
-            -
                                <input type='checkbox' id='remove__checklist__item-$sub_site_id' class='site_option' name='disabled_sites[]' value='site_$sub_site_id'" . checked(!empty($disabled_site_options["site_$sub_site_id"]), true, false) . ">
-            -
                                <label for='remove__checklist__item-$sub_site_id'>{$blog->blogname}</label>
-            -
                            </div>";
-            -
                        }
                         ?>
-            -
                        </div>
                         <p class="disable__option__description"><span class="danger"><?php _e('Note:', 'disable-comments'); ?></span> <?php _e('All the underneath settings will be applied for these selected sub sites.', 'disable-comments'); ?></p>
                     </div>
                     <?php elseif($this->options['sitewide_settings'] && !empty($this->options['is_network_options'])):?>

                             <p class="disable__option__description"><span class="danger"><?php _e('Note:', 'disable-comments'); ?></span> <?php _e('If you enable Site Wise settings, you need to configure your “Disable Comments” settings individually on every website in the network.', 'disable-comments'); ?></p>
                         </div>
                     </div>
+            +
                    <div class="disable_option sites_list_wrapper dc-text__block mb30 mt30" data-type="disabled">
                         <h3>Disable comments in the following sites:</h3>
                         <?php
+            +
                            $type = 'disabled';
+            +
                            include DC_PLUGIN_VIEWS_PATH . 'partials/_sites.php';
                         ?>
                         <p class="disable__option__description"><span class="danger"><?php _e('Note:', 'disable-comments'); ?></span> <?php _e('All the underneath settings will be applied for these selected sub sites.', 'disable-comments'); ?></p>
                     </div>
                     <?php elseif($this->options['sitewide_settings'] && !empty($this->options['is_network_options'])):?>

views/partials/_sites.php ADDED Viewed

	@@ -0,0 +1,46 @@


1	+ <div class="">
2	+ <div class="d__flex mb15 space__between">
3	+ <div class='subsite__checklist__item' style="flex: 1 1 200px;">
4	+ <input
5	+ type='checkbox'
6	+ class='check-all'
7	+ id='sites__option__<?php echo $type;?>__check__all'
8	+ name='disabled_sites[all]'
9	+ value='1'
10	+ >
11	+ <label for='sites__option__<?php echo $type;?>__check__all'>
12	+ <b><?php _e('Select All', 'disable-comments'); ?></b>
13	+ <small>(0 selected)</small>
14	+ </label>
15	+ </div>
16	+ <div class="mb10" style="text-align: right; flex: 0 0 230px;">
17	+ <div class="icon__input sub__site_control">
18	+ <span class="icon">
19	+ <img src="<?php echo esc_url(DC_ASSETS_URI . 'img/search.svg'); ?>" alt="">
20	+ </span>
21	+ <input type="text" class="form__control w-100 sub-site-search" placeholder="Search by domain name..." style="padding-right: 35px;">
22	+ </div>
23	+ </div>
24	+ </div>
25	+ <div class="sites_list">
26	+ <div class="nothing-found"><p>No subsite found</p></div>
27	+ </div>
28	+ <div class="d__flex space__between">
29	+ <div class="d__flex item__number__controller sub__site_control page__size__wrapper">
30	+ <p>Show Items:</p>
31	+ <div class="dc-select">
32	+ <span class="icon"></span>
33	+ <select class="form__control page__size">
34	+ <!-- <option value="2">2</option> -->
35	+ <!-- <option value="10">10</option> -->
36	+ <option value="20">20</option>
37	+ <option value="50" selected>50</option>
38	+ <option value="100">100</option>
39	+ <option value="200">200</option>
40	+ </select>
41	+ </div>
42	+ </div>
43	+ <div class="has-pagination"></div>
44	+ </div>
45	+ </div>
46	+

views/settings.php CHANGED Viewed

	@@ -31,4 +31,4 @@
31	</div>
32	<?php include DC_PLUGIN_VIEWS_PATH . 'partials/_footer.php'; ?>
33	</div>
34	- </div>


31	</div>
32	<?php include DC_PLUGIN_VIEWS_PATH . 'partials/_footer.php'; ?>
33	</div>
34	+ </div>