https://ppcexpo.com/combination-calculator/paid-search-analytics

1
2
3<!DOCTYPE html>
4<html lang="en">
5
6<head>
7    <meta charset="utf-8">
8    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
9    
10    <meta name="Description" content="Paid search analytics - Calculate the number of combinations in your pay-per-click (PPC) campaign. It may surprise you.">
11    <meta property="og:type" content="website" />
12    <meta property="og:url" content="https://ppcexpo.com/combination-calculator/paid-search-analytics" />
13    <link rel="canonical" href=" https//ppcexpo.com/combination-calculator/paid-search-analytics">
14    <meta property="og:image" content="../assets/images/CombinationCalculator/fbcc.jpg" />
15    <meta property="og:image:width" content="400" />
16    <meta property="og:image:height" content="700" />
17    <meta property="og:description" content="Paid search analytics - Calculate the number of combinations in your pay-per-click (PPC) campaign. It may surprise you." />

17
18    <script rel="preload" async src="https://www.googletagmanager.com/gtag/js?id=

18UA-98385680-2

18" defer></script>
19    

19<script defer rel="preload">
20        

20window.dataLayer = window.dataLayer || [];
21        function gtag() { dataLayer.push(arguments); }
22        gtag('js', new Date());
23        gtag('config', '

23UA-98385680-2

23');
24    

24</script>

24
25    <title>Paid Search Analytics | Combination Calculator | PPCexpo</title>
26    <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
27
28
29
30
31    

31<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

31
32    

32<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous" defer></script>

32
33    

33<script src="/Scripts/JSBundles/CombinationCal.min.js"></script>

33
34    <style type="text/css">
35        @font-face {
36            font-family: ps-medium;
37            src: url(/fonts/Roboto-Regular.ttf);
38            font-display: swap;
39        }
40
41        @font-face {
42            font-family: roboto-bold;
43            src: url(/fonts/Roboto-Bold.ttf);
44            font-display: swap;
45        }
46
47        @font-face {
48            font-family: roboto-black;
49            src: url(/fonts/Roboto-Black.ttf);
50            font-display: swap;
51        }
52
53        @font-face {
54            font-family: ps-regular;
55            src: url(/fonts/Roboto-Regular.ttf);
56            font-display: swap;
57        }
58
59        @font-face {
60            font-family: ps-bold;
61            src: url(/fonts/Roboto-Bold.ttf);
62            font-display: swap;
63        }
64
65        @font-face {
66            font-family: ps-light;
67            src: url(/fonts/Roboto-Light.ttf);
68            font-display: swap;
69        }
70
71        @font-face {
72            font-family: roboto-regular;
73            src: url(/fonts/Roboto-Regular.ttf);
74            font-display: swap;
75        }
76
77        @font-face {
78            font-family: roboto-light;
79            src: url(/fonts/Roboto-Light.ttf);
80            font-display: swap;
81        }
82
83        @font-face {
84            font-family: roboto-medium;
85            src: url(/fonts/Roboto-Medium.ttf);
86            font-display: swap;
87        }
88
89        @font-face {
90            font-family: roboto-thin;
91            src: url(/fonts/Roboto-Thin.ttf);
92            font-display: swap;
93        }
94
95        @font-face {
96            font-family: 'Roboto-Bold';
97            src: url('../../fonts/Roboto-Bold.ttf');
98            font-display: swap;
99        }
100
101        * {
102            box-sizing: border-box;
103        }
104
105        body {
106            margin: 0;
107            padding-top: 170px;
108        }
109
110            body.fixed-top-ad {
111                padding-top: 133px;
112            }
113
114        p {
115            font-family: roboto-light;
116            font-size: 16px;
117            color: #202124 !important;
118            line-height: 26px;
119        }
120
121        @font-face {
122            font-family: 'Roboto-reg';
123            src: url('../../fonts/Roboto-Regular.ttf');
124            font-display: swap;
125        }
126
127        .banner p {
128            color: #040404 !important;
129            font-size: 17px !important;
130            font-family: Roboto-reg !important;
131            font-weight: 400 !important;
132        }
133
134        ul li {
135            font-family: ps-regular;
136            font-size: 16px;
137            color: #202124;
138            line-height: 26px;
139        }
140
141        h1.inner-shadow {
142            font-family: roboto-bold;
143            font-size: 41px;
144            font-weight: normal;
145            background-color: #B9B9B9;
146            color: transparent;
147            margin: 0;
148            text-shadow: -3px -3px 5px rgb(255 255 255 / 50%);
149            -webkit-background-clip: text;
150            -moz-background-clip: text;
151            background-clip: text;
152        }
153
154        h1 {
155            font-family: ps-regular;
156            font-size: 45px;
157            font-weight: normal;
158            color: #202124;
159        }
160

161        .modal-open {
162            overflow: hidden !important;
163        }
164
165        h2 {
166            font-size: 35px;
167            font-family: ps-regular;
168            font-weight: normal;
169            line-height: 40px;
170            color: #202124;
171        }
172
173        h3 {
174            font-family: ps-regular;
175            font-size: 16px;
176            font-weight: normal;
177            line-height: 21px;
178            color: #202124;
179        }
180
181        h4 {
182            font-family: roboto-regular;
183            font-size: 16px;
184            font-weight: normal;
185            line-height: 26px;
186            color: #202124;
187        }
188
189        .text-left {
190            text-align: left;
191        }
192
193        .text-right {
194            text-align: right;
195        }
196
197        .text-center {
198            text-align: center;
199        }
200
201        section {
202            padding: 50px 0px;
203        }
204
205        .tools-section {
206            padding: 45px 0px !important;
207        }
208
209        body.fixed-top-ad n

209av.navigation {
210            top: 66px;
211        }
212
213        .collapse {
214            display: none;
215        }
216
217        nav.navigation {
218            border-bottom: solid 1px #F0F0F0;
219            position: fixed;
220            width: 100%;
221            top: 0;
222            background: white;
223            z-index: 5;
224        }
225
226        .container-left {
227            flex: 9;
228        }
229
230        .container-right {
231            flex: 3;
232        }
233
234        .container {
235            width: 100%;
236            max-width: 1140px;
237            margin: auto;
238            padding: 0px 15px;
239        }
240
241        .nav-container {
242            display: flex;
243            justify-content: space-between;
244            font-family: ps-regular;
245        }
246
247        .logo {
248            margin-right: 60px;
249        }
250
251        .nav-left {
252            display: flex;
253            float: auto;
254            align-items: center;
255        }
256
257        .nav-right {
258            align-items: center;
259            display: flex;
260        }
261
262        .navbar ul li {
263            font-size: 13px;
264            position: relative;
265        }
266
267            .navbar ul li:hover ul.drop-down {
268                display: block;
269            }
270
271
272            .navbar ul li ul.drop-down {
273                display: none;
274                position: absolute;
275                top: 30px;
276                left: 0;
277                background: white;
278                width: 190px;
279                box-shadow: #00000024 0px 4px 16px;
280                border-radius: 3px;
281                padding-bottom: 10px;
282                padding-top: 10px;
283            }
284
285                .navbar ul li ul.drop-down li a {
286                    display: block;
287                    padding: 5px 15px;
288                    line-height: 17px;
289                    margin: 0;
290                }
291
292                    .navbar ul li ul.drop-down li a:hover {
293                        background-color: #f5f5f5;
294                    }
295
296        .navbar ul {
297            margin: 0;
298            padding: 0;
299        }
300
301            .navbar ul li {
302                display: inline;
303            }
304
305        .navbar a.active {
306            color: #3173E8;
307            border-bottom: solid 2px #3173E8;
308        }
309
310        .navbar a:hover {
311            color: #3173E8 !important;
312        }
313
314        .navbar a {
315            padding: 20px 0px;
316            display: inline-block;
317            color: #202124;
318            text-decoration: none;
319            margin: 0 15px;
320        }
321
322        .sign-in {
323            font-family: ps-medium;
324            font-size: 14px;
325            color: #3173E8;
326            text-decoration: none;
327        }
328
329        #divSelectPPCSignalCampaign {
330            height: 28px;
331            border: 1px solid #dcdcdc;
332            padding: 6px 8px;
333            background: url(../../Content/Images/Common/icon-arrow-down.png) no-repeat center right content-box;
334            background-image: -webkit-image-set(url(../../Content/Images/Common/icon-arrow-down.png) 1x, url(../../Content/Images/Common/[email protected]) 2x);
335            cursor: context-menu;
336        }
337
338        .treeControlFocusIn {
339            outline-color: #1892d3;
340            outline-style: auto;
341        }
342
343        #inpSignalFilterSearch {
344            cursor: text;
345            background-image: url(../../Content/Images/ReportConfiguration/search-blue.png);
346            background-repeat: no-repeat;
347            background-position-x: 10px;
348            background-position-y: 6px;
349            padding-left: 30px;
350        }
351
352        .ppcsignaldivparent {
353            width: 413px;
354            max-height: 175px;
355            border: solid #e8e8e8 1px;
356            overflow-y: auto;
357        }
358
359        .ppcsignalcampaignul {
360            list-style-type: none;
361            margin: 5px 2px 0px 0px;
362            padding: 0;
363            color: #434343;
364        }
365
366            .ppcsignalcampaignul .selected {
367                background-color: #e2e1e1;
368            }
369
370            .ppcsignalcampaignul > li {
371                padding-left: 10px;
372            }
373
374            .ppcsignalcampaignul li input[type="checkbox"] {
375                display: none;
376            }
377
378            .ppcsignalcampaignul > li input[type="checkbox"]:checked + lable {
379                background-image: url(../../Content/Images/Filters/checkboxselected.png);
380                background-repeat: no-repeat;
381            }
382
383            .ppcsignalcampaignul li input[type="checkbox"] + lable {
384                padding: 2px 0px 0px 23px;
385                font-family: text !important;
386                background-size: 15px;
387                background-position-y: 3px;
388            }
389
390        .banner {
391            display: flex;
392            justify-content: space-between;
393            align-items: start;
394        }
395
396        .banner-left a {
397            font-family: roboto-regular;
398            color: #3173E8 !important;
399            font-size: 16px;
400            text-decoration: underline;
401        }
402
403        .banner-left h2 {
404            margin-top: 100px;
405        }
406
407        #demo.collapse {
408            display: none;
409        }
410
411        .banner-left {
412            flex: 1.25;
413            order: 1;
414        }
415
416        .banner-right {
417            flex: 1;
418            order: 2;
419        }
420

421        #chartexpo-image {
422            width: 100%;
423            display: block;
424            max-width: 230px;
425            float: right;
426        }
427
428        #audit-text {
429            width: 65%;
430            margin: 0px 0px 0px 0px;
431            display: block;
432        }
433
434        .banner-left p {
435            margin-bottom: 30px;
436        }
437
438        .banner-left h1 {
439            margin-top: 10px;
440        }
441
442        .banner-right p {
443            font-family: roboto-light;
444            font-size: 18px;
445            color: #646464;
446        }
447
448        .banner-right h2 {
449            font-family: optima;
450            font-size: 40px;
451            font-weight: 100;
452        }
453
454
455        /* ad css start */
456        .ads {
457            /*width: 291px;*/
458            width: auto;
459            border: solid 1px #EAEAEA;
460            padding: 15px;
461            text-align: center;
462            margin-bottom: 30px;
463            position: fixed;
464            top: 180px;
465            cursor: pointer;
466            /*margin-left: 35px;*/
467        }
468
469            .ads:hover .ads-img {
470                background: url(../assets/images/CombinationCalculator/signal-ad-yellow.png);
471                background-size: contain;
472            }
473
474            .ads h3 {
475                font-family: ps-regular;
476                font-size: 20px;
477                line-height: 26px;
478                margin-top: 0;
479            }
480
481            .ads h4 {
482                font-family: ps-regular;
483                font-size: 17px;
484                line-height: 23px;
485            }
486
487            .ads p {
488                font-family: roboto-light;
489                font-size: 12px;
490                line-height: 20px;
491                margin: 20px auto;
492                width: 194px;
493                text-align: left;
494            }
495
496            .ads a {
497                font-family: ps-regular;
498                text-decoration: none;
499                background: white;
500                padding: 13px 30px;
501                color: #3173E8;
502                letter-spacing: 0.03rem;
503                font-size: 15px;
504                font-weight: bold;
505                border: solid 1px #3173E8;
506                outline: 0 !important;
507                width: auto;
508                cursor: pointer;
509                margin: auto !important;
510                display: block;
511                border-radius: 3px;
512                max-width: 150px;
513            }
514
515                .ads a:hover {
516                    /*color: #3173E8;*/
517                    text-decoration: none;
518                    background: #3173E8;
519                    color: white;
520                    border: solid 1px #3173E8;
521                }
522
523
524            .ads .ads-img {
525                background: url(../assets/images/CombinationCalculator/signal-ad.png);
526                width: 94px;
527                height: 94px;
528                background-size: contain;
529                margin: 15px auto;
530            }
531
532            .ads img {
533                margin: 15px 0px;
534                max-width: 200px;
535            }
536
537        /* ad css end */
538
539        /* dropdown start */
540        .tabs .tab-content .dropdown-container {
541            justify-content: space-between;
542            align-items: center;
543            display: flex;
544            width: 100%;
545        }
546
547            .tabs .tab-content .dropdown-container > .col {
548                width: 100%;
549                padding: 0px 15px;
550            }
551
552            .tabs .tab-content .dropdown-container small {
553                font-size: 12px;
554                font-family: roboto-regular;
555                color: #8D8D8D;
556            }
557
558            .tabs .tab-content .dropdown-container .select-box {
559                width: 100%;
560                text-align: left;
561                background: #FAFAFA;
562                border-color: #FAFAFA;
563                color: #3173E8;
564                padding: 10px 15px;
565                font-family: roboto-regular;
566                font-size: 15px;
567            }
568
569            .tabs .tab-content .dropdown-container .dropdown-menu {
570                width: 100%;
571                border: none;
572                background-color: #fafafa;
573                -webkit-box-shadow: #00000021 0px 4px 10px;
574                box-shadow: #00000021 0px 4px 10px;
575                font-family: roboto-regular;
576                font-size: 14px;
577                color: black;
578            }
579
580        .dropdown-menu {
581            position: absolute;
582            top: 100%;
583            left: 0;
584            z-index: 1000;
585            /* display: none; */
586            float: left;
587            min-width: 10rem;
588            padding: .5rem 0;
589            margin: .125rem 0 0;
590            font-size: 1rem;
591            color: #212529;
592            text-align: left;
593            list-style: none;
594            background-color: #fff;
595            background-clip: padding-box;
596            border: 1px solid rgba(0, 0, 0, .15);
597            border-radius: .25rem;
598        }
599
600        .__CampaignClass {
601            display: flex;
602            justify-content: space-between;
603        }
604
605        .dropdown-item {
606            display: block;
607            width: 100%;
608            padding: .25rem 1.5rem;
609            clear: both;
610            font-weight: 400;
611            color: #212529;
612            text-align: inherit;
613            white-space: nowrap;
614            background-color: transparent;
615            border: 0;
616            text-decoration: none;
617        }
618
619            .dropdown-item:focus,
620            .dropdown-item:hover {
621                color: #16181b;
622                text-decoration: none;
623                background-color: #f8f9fa;
624            }
625
626
627        /* dropdown end */
628
629
630        /* google connection start */
631        .google-connection {
632            display: flex;
633            flex-wrap: wrap;
634        }
635
636        .illustrations-container {
637            display: flex;
638            flex-wrap: wrap;
639            justify-content: space-between;
640            align-items: center;
641            margin-bottom: -10px;
642        }
643
644        .dialog-box {
645            padding: 0px 15px;
646        }
647
648        .google-connection h6 {
649            font-family: roboto-regular;
650            font-size: 16px;
651            margin-top: 0;

652            font-weight: normal;
653        }
654
655        .google-connection .bottom-area {
656            display: flex;
657            flex-wrap: wrap;
658            justify-content: flex-end;
659            width: 100%;
660            border-top: 1px solid rgba(0, 0, 0, .1);
661            padding-top: 50px;
662            margin-top: 50px;
663            margin-bottom: 50px;
664        }
665
666
667        /* google connection end */
668
669
670
671
672
673
674        /* tabs start */
675        .tabs {
676            padding-right: 30px;
677            font-family: roboto-regular;
678            font-size: 15px;
679            line-height: 21px;
680            color: #202124;
681        }
682
683        .nav {
684            margin-top: 50px;
685            display: -webkit-box;
686            display: -ms-flexbox;
687            display: flex;
688            -ms-flex-wrap: wrap;
689            flex-wrap: wrap;
690            padding-left: 0;
691            margin-bottom: 0;
692            list-style: none;
693            position: relative;
694            border: none;
695        }
696
697        .nav-tabs .nav-item {
698            margin-bottom: -1px;
699        }
700
701        .tabs ul li {
702            font-family: roboto-regular;
703            font-size: 15px;
704            line-height: 21px;
705        }
706
707        .tabs .nav-tabs .nav-item .nav-link.active {
708            font-family: roboto-black;
709            color: #3173E8;
710            background-color: #fff;
711            border-color: #3173E8;
712            border-left: solid 1px #EDEDED;
713            border-right: solid 1px #EDEDED;
714            border-bottom-color: white;
715        }
716
717        .tabs .nav-tabs .nav-item .nav-link {
718            font-size: 18px;
719            color: #202124;
720            padding: 15px;
721            border-top: solid 3px #fff;
722            border-radius: 0;
723            border-bottom: solid 1px #EDEDED;
724            background-color: #FBFBFB;
725            width: 140px;
726            text-align: center;
727            display: block;
728        }
729
730        .nav-tabs .nav-link {
731            border: 1px solid transparent;
732            border-top-left-radius: .25rem;
733            border-top-right-radius: .25rem;
734        }
735
736        .tabs .nav-tabs .cc-info {
737            position: absolute;
738            right: 0px;
739            top: 50%;
740            -webkit-transform: translateY(-46%);
741            transform: translateY(-46%);
742        }
743
744            .tabs .nav-tabs .cc-info .numbers {
745                font-family: ps-bold;
746                color: #3173E8;
747                font-size: 34px;
748                font-weight: normal !important;
749                margin: 0;
750                display: inline-block;
751            }
752
753            .tabs .nav-tabs .cc-info small {
754                font-family: ps-regular;
755                color: #868686;
756                font-size: 15px;
757                margin-right: 15px;
758                position: relative;
759                bottom: 7px;
760            }
761
762        .tabs .tab-content {
763            background-color: #fff;
764            padding: 20px 0px;
765            border-top: solid 1px #EDEDED;
766        }
767
768            .tabs .tab-content .tab-area {
769                display: flex;
770            }
771
772                .tabs .tab-content .tab-area .tab-left-area {
773                    flex: 5;
774                    padding: 0px 15px;
775                    margin-right: 33px;
776                }
777
778                .tabs .tab-content .tab-area .tab-right-area {
779                    padding: 0px 15px;
780                    flex: 7;
781                }
782
783        .tabs .info {
784            width: 20px;
785            height: 20px;
786            cursor: pointer;
787            position: relative;
788            background: url(../assets/images/CombinationCalculator/info_blue.svg) no-repeat;
789        }
790
791            .tabs .info:hover {
792                background: url(../assets/images/CombinationCalculator/info_blue_filled.svg) no-repeat;
793            }
794
795                .tabs .info:hover .tip {
796                    display: block;
797                }
798
799            .tabs .info .tip {
800                position: absolute;
801                bottom: 33px;
802                right: -10px;
803                width: 190px;
804                border-radius: 6px;
805                background-color: #FAC724;
806                padding: 10px;
807                display: none;
808            }
809
810                .tabs .info .tip::after {
811                    content: '';
812                    width: 10px;
813                    height: 10px;
814                    border-top: solid 8px #fac723;
815                    border-right: solid 8px transparent;
816                    border-left: solid 8px transparent;
817                    border-bottom: solid 8px transparent;
818                    position: absolute;
819                    bottom: -14px;
820                    right: 13px;
821                    box-sizing: border-box;
822                }
823
824                .tabs .info .tip p {
825                    font-family: roboto-light;
826                    font-size: 12px;
827                    margin: 0;
828                    line-height: 17px;
829                }
830
831
832        .tabs .tab-content .repeating-row .r-row {
833            display: flex;
834            min-height: 50px;
835            padding: 10px 0px;
836            border-bottom: solid 1px #EDEDED;
837            margin: 0;
838            justify-content: space-between;
839            align-items: center;
840        }
841
842            .tabs .tab-content .repeating-row .r-row input::-webkit-outer-spin-button,
843            .tabs .tab-content .repeating-row .r-row input::-webkit-inner-spin-button {
844                -webkit-appearance: none;
845                margin: 0;
846            }
847
848            .tabs .tab-content .repeating-row .r-row input[type=number] {
849                border: solid 1px #E0E0E0;
850                width: 80px;
851                height: 40px;
852                padding-right: 10px;
853                -moz-appearance: textfield;
854                text-align: right;
855                outline: 0;
856                border-radius: 3px;
857                font-family: roboto-regular;
858                color: #202124;
859            }
860
861            .tabs .tab-content .repeating-row .r-row input[type=text] {
862                border: solid 1px #E0E0E0;
863                width: 80px;
864                height: 40px;
865                padding-right: 10px;
866                -moz-appearance: textfield;
867                text-align: right;
868                outline: 0;
869                border-radius: 3px;
870                font-family: roboto-regular;
871            }
872
873        .tabs .tab-content .repeating-row .table-header {
874            font-family: roboto-bold;
875        }
876
877        .tabs .tab-content .repeating-row .r-row span img {
878            position: relative;
879            margin-right: 4px;
880            bottom: 2px;
881            vertical-align: middle;
882        }
883
884        .tabs .tab-content .repeating-row .r-row span {
885            margin-right: 15px;
886            display: inline-block;
887            margin-bottom: 3px;
888            color: #202124;
889        }
890
891        .tab-right-area .r-row .title {
892            flex: 9;
893            line-height: 13px;
894        }
895
896        .tab-right-area .r-row .text-right {
897            flex: 3;
898        }
899
900        /* tabs end */
901
902        /* The dots/bullets/indicators */
903        .dot {
904            cursor: pointer;
905            height: 10px;
906            width: 10px;
907            margin: 0 2px;
908            background-color: #bbb;
909            border-radius: 50%;
910            display: inline-block;
911            transition: background-color 0.6s ease;
912        }
913
914            .activeDot, .dot:hover {
915                background-color: #3173E8;
916            }
917        /* Dot End */
918
919        .btn {
920            padding: 16px 24px;
921            font-family: ps-medium;
922            font-size: 16px;
923            border-radius: 3px;
924            display: inline-block;
925            cursor: pointer;
926        }
927
928        .blue-btn {
929            background-color: #3173E8;
930            color: #ffffff;
931            cursor: pointer;
932        }
933
934            .blue-btn:hover {
935                background-color: #4c89f5;
936            }
937
938        .top-ad h3 {
939            font-size: 16px;
940            margin: 0px 17px;
941        }
942
943        .top-ad {
944            position: fixed;
945            top: 0;
946            width: 100%;
947            height: 66px;
948            background-color: #FBC030;
949            display: flex;
950            align-items: center;
951            justify-content: center;
952            z-index: 1;
953        }
954

955        .chartexpo-tab {
956            position: relative;
957            max-width: 395px;
958            right: 50px;
959            top: 50px;
960        }
961
962        .sticky-left {
963            position: -webkit-sticky;
964            position: sticky;
965            top: 60px;
966        }
967
968        .benefits-row {
969            margin-bottom: 50px;
970        }
971
972            .benefits-row p {
973                margin: 0px 0px 4px 0px;
974                font-size: 14px;
975                color: #434343;
976                line-height: 26px;
977            }
978
979            .benefits-row h4 {
980                margin: 20px 1px 15px 0px;
981            }
982
983            .benefits-row img {
984                max-width: 76px;
985            }
986
987        .flex-container {
988            display: flex;
989            justify-content: center;
990        }
991
992            .flex-container .left-area {
993                flex: 1;
994            }
995
996            .flex-container .right-area {
997                flex: 1;
998                order: 1;
999            }
1000
1001            .flex-container .center-area {
1002                flex: 0.8;
1003            }
1004
1005            .flex-container .left-area h1 {
1006                margin-top: 0;
1007            }
1008
1009        .pricing-section .card small {
1010            font-family: ps-light;
1011            font-size: 11px;
1012            color: #808080;
1013            display: block;
1014            margin-top: 9px;
1015        }
1016
1017        .pricing-section .card p {
1018            font-family: ps-regular;
1019            font-size: 15px;
1020            color: #868686;
1021            margin-bottom: 30px;
1022            margin: 0px 0px 20px 0px;
1023        }
1024
1025        .pricing-section .card h1 {
1026            margin: 0;
1027            font-family: ps-bold;
1028            font-size: 37px;
1029            color: #3173E8;
1030            letter-spacing: 1px;
1031        }
1032
1033        .pricing-section .card .blue-btn:hover {
1034            background-color: #3173E8;
1035            color: white;
1036            border: solid 1px #3173E8;
1037        }
1038
1039        .pricing-section .card .blue-btn {
1040            background-color: white;
1041            color: #3173E8;
1042            border: solid 1px #3173E8;
1043            letter-spacing: 0.03rem;
1044        }
1045
1046        .pricing-section .card .gray-btn {
1047            background-color: white;
1048            color: #909090;
1049            letter-spacing: 0.03rem;
1050            font-size: 14px;
1051        }
1052
1053            .pricing-section .card .gray-btn:hover {
1054                color: #3173E8;
1055            }
1056
1057        .pricing-section .card h4 {
1058            position: absolute;
1059            top: -75px;
1060            left: 50%;
1061            transform: translateX(-50%);
1062            line-height: 20px;
1063            font-size: 17px;
1064        }
1065
1066        .pricing-section .card {
1067            padding: 20px;
1068            text-align: center;
1069            height: 265px;
1070            margin: 75px 15px 15px 15px;
1071        }
1072
1073        .card.disable .details-icon {
1074            display: none;
1075        }
1076
1077        .card.disable {
1078            opacity: .5;
1079        }
1080
1081        .card {
1082            width: 248px;
1083            height: 316px;
1084            background: #ffffff;
1085            /*border: 1px solid #E0E0E0;*/
1086            padding: 90px 15px 34px 15px;
1087            text-align: left;
1088            position: relative;
1089            box-sizing: border-box;
1090            display: inline-block;
1091            margin: 13px;
1092            vertical-align: middle;
1093            white-space: normal;
1094            box-shadow: rgb(0 0 0 / 15%) 2px 6px 21px;
1095        }
1096
1097            .card:hover {
1098                box-shadow: rgb(0 0 0 / 48%) 2px 6px 31px;
1099            }
1100
1101        .tools-section .card {
1102            border: none;
1103            box-shadow: rgb(0 0 0 / 15%) 2px 6px 21px;
1104        }
1105
1106            .tools-section .card:hover {
1107                box-shadow: rgb(0 0 0 / 48%) 2px 6px 31px;
1108            }
1109
1110        .card .small {
1111            font-family: ps-regular;
1112            font-size: 16px;
1113            color: #000000;
1114            margin: 0;
1115        }
1116
1117        .card .tool-icon {
1118            position: absolute;
1119            top: 24px;
1120            left: 24px;
1121        }
1122
1123        .card h3 {
1124            margin-top: 12px;
1125        }
1126
1127        .card .details-icon {
1128            position: absolute;
1129            bottom: 30px;
1130            transition: .3s;
1131            cursor: pointer;
1132        }
1133
1134            .card .details-icon:hover img {
1135                transition: .3s;
1136                transform: translateX(65px);
1137            }
1138
1139            .card .details-icon img {
1140                position: absolute;
1141                left: 0;
1142                top: 6px;
1143            }
1144
1145            .card .details-icon:hover span {
1146                opacity: 1;

1147            }
1148
1149            .card .details-icon span {
1150                font-family: roboto-regular;
1151                font-size: 11px;
1152                color: #3173E8;
1153                opacity: 0;
1154                padding-right: 12px;
1155            }
1156
1157
1158        .card p {
1159            font-family: roboto-light;
1160            font-size: 14px;
1161            color: #434343;
1162            line-height: 20px;
1163        }
1164
1165        /*footer {
1166            padding: 50px 0px;
1167        }
1168
1169            footer h3 {
1170                font-family: ps-light;
1171                font-size: 16px;
1172                color: #000000;
1173            }
1174
1175            footer .col {
1176                display: inline-block;
1177                margin-right: 80px;
1178                vertical-align: top;
1179            }
1180
1181            footer ul {
1182                padding: 0;
1183                margin: 0;
1184            }
1185
1186                footer ul li a:hover {
1187                    text-decoration: underline;
1188                    color: #3173E8;
1189                }
1190
1191                footer ul li {
1192                    list-style-type: none;
1193                    max-width: 190px;
1194                    line-height: 17px;
1195                    padding: 5px 0px;
1196                }
1197
1198                    footer ul li a {
1199                        font-family: roboto-light;
1200                        font-size: 13px;
1201                        color: #000000;
1202                        text-decoration: none;
1203                    }*/
1204
1205
1206
1207        /*Footer start*/
1208        footer {
1209            padding: 72px 0px;
1210            background: #282828;
1211            color: #fff;
1212            position: sticky;
1213        }
1214
1215        .copyright-text {
1216            position: absolute;
1217            bottom: 0;
1218            white-space: nowrap;
1219            font-family: roboto-light;
1220            font-size: 14px;
1221            color: #fff;
1222            text-decoration: none;
1223        }
1224
1225
1226        footer .row {
1227            display: flex;
1228        }
1229
1230        footer .col-1 {
1231            -webkit-box-flex: 0;
1232            -ms-flex: 0 0 8.333333%;
1233            flex: 0 0 8.333333%;
1234            max-width: 8.333333%;
1235            position: relative;
1236            width: 100%;
1237            min-height: 1px;
1238            padding-right: 15px;
1239            padding-left: 15px;
1240        }
1241
1242        footer .col-8 {
1243            -webkit-box-flex: 0;
1244            -ms-flex: 0 0 66.666667%;
1245            flex: 0 0 66.666667%;
1246            max-width: 66.666667%;
1247            position: relative;
1248            width: 100%;
1249            min-height: 1px;
1250            padding-right: 15px;
1251            padding-left: 15px;
1252        }
1253
1254        footer .col-4 {
1255            -webkit-box-flex: 0;
1256            -ms-flex: 0 0 33.333333%;
1257            flex: 0 0 33.333333%;
1258            max-width: 33.333333%;
1259            position: relative;
1260            width: 100%;
1261            min-height: 1px;
1262            padding-right: 15px;
1263            padding-left: 15px;
1264        }
1265
1266        footer h3 {
1267            font-family: roboto-regular;
1268            font-size: 16px;
1269            color: white;
1270            line-height: 21px;
1271            margin-top: 0;
1272            text-transform: uppercase;
1273        }
1274
1275        footer .col {
1276            -ms-flex-preferred-size: 0;
1277            flex-basis: 0;
1278            -webkit-box-flex: 1;
1279            -ms-flex-positive: 1;
1280            flex-grow: 1;
1281            max-width: 100%;
1282            position: relative;
1283            width: 100%;
1284            min-height: 1px;
1285            padding-right: 15px;
1286            padding-left: 15px;
1287        }
1288
1289        footer ul {
1290            padding: 0;
1291            margin: 0;
1292        }
1293
1294            footer ul li {
1295                list-style-type: none;
1296                line-height: 17px;
1297                padding-bottom: 10px;
1298            }
1299
1300                footer ul li a {
1301                    font-family: roboto-light;
1302                    font-size: 14px;
1303                    color: #fff;
1304                    text-decoration: none;
1305                }
1306
1307                    footer ul li a:hover {
1308                        text-decoration: underline;
1309                    }
1310
1311        /* facebook popup start */
1312        .facebook-box {
1313            width: 100%;
1314            /*height: 100%;*/
1315            padding: 20px;
1316            box-sizing: border-box;
1317            font-size: 14px;
1318            background-image: url(../../Content/images/FeedBack/facebook-bg.png);
1319            background-size: cover;
1320            background-repeat: no-repeat;
1321            text-align: left;
1322            color: white;
1323        }
1324
1325            .facebook-box .fb-logo {
1326                max-width: 120px;
1327            }
1328
1329            .facebook-box .heading {
1330                font-size: 18px;
1331                font-family: ps-regular;
1332                margin-left: 10px;
1333            }
1334
1335            .facebook-box .fb-content {
1336                margin-top: 30px;
1337            }
1338
1339                .facebook-box .fb-content .left h2 {
1340                    font-size: 23px;
1341                    font-family: roboto-thin;
1342                    margin: 0;
1343                    color: white;
1344                }
1345
1346                .facebook-box .fb-content .left,
1347                .facebook-box .fb-content .right {
1348                    display: inline-block;
1349                }
1350
1351                .facebook-box .fb-content .left {
1352                    width: 32%;
1353                    vertical-align: top;
1354                }
1355
1356                .facebook-box .fb-content .right {
1357                    width: 66%;
1358                    padding-left: 15px;
1359                    border-left: solid 1px #7F95BB;
1360                }
1361
1362                    .facebook-box .fb-content .right ul {
1363                        padding: 0;
1364                        margin: 0;
1365                    }
1366
1367                        .facebook-box .fb-content .right ul > li {
1368                            color: white;
1369                            list-style-type: none;
1370                            font-family: roboto-light;
1371                            font-size: 14px;
1372                            line-height: 16px;
1373                        }
1374
1375            .facebook-box .btn-container {
1376                margin-top: 15px;
1377                text-align: center;
1378            }
1379
1380            .facebook-box img.close:hover {
1381                opacity: 1;

1382            }
1383
1384            .facebook-box img.close {
1385                cursor: pointer;
1386                position: absolute;
1387                top: 20px;
1388                right: 20px;
1389                opacity: .7;
1390            }
1391
1392        .sub-btn {
1393            background: #FBC030;
1394            display: inline-block;
1395            border-radius: 100px;
1396            padding: 8px 5px;
1397            color: #000;
1398            font-size: 14px;
1399            border: none;
1400            font-family: roboto-regular;
1401            outline: 0 !important;
1402            border: solid 1px #FBC030;
1403            width: 111px;
1404            cursor: pointer;
1405        }
1406
1407            .sub-btn:hover {
1408                background: #EDB509;
1409            }
1410
1411        /* facebook popup end */
1412        /*footer end*/
1413        .toggle-btn {
1414            display: none;
1415        }
1416
1417        .chartexpo-embossed-sm {
1418            display: none;
1419        }
1420
1421        .resources-section .card .blog-img {
1422            width: 100%;
1423            margin-bottom: 20px;
1424        }
1425
1426        .resources-section .card {
1427            height: 420px;
1428            padding-top: 15px;
1429        }
1430
1431
1432
1433        /* Works on Chrome/Edge/Safari */
1434        .resources-section .row::-webkit-scrollbar {
1435            width: 12px;
1436        }
1437
1438        .resources-section .row::-webkit-scrollbar-track {
1439            background: transparent;
1440        }
1441
1442        .resources-section .row::-webkit-scrollbar-thumb {
1443            background-color: transparent;
1444        }
1445
1446
1447        .resources-section .row::-webkit-scrollbar {
1448            height: 0;
1449        }
1450
1451
1452
1453        .resources-section .row {
1454            white-space: nowrap;
1455            width: calc(100vw - 15px);
1456            overflow: auto;
1457            padding-left: 410px;
1458            padding-right: 400px;
1459            scrollbar-color: transparent transparent;
1460            scrollbar-width: thin;
1461        }
1462
1463        .scroll-horizontal {
1464            position: relative;
1465        }
1466
1467        .scroll-horizontal-cover > .right-cover {
1468            width: calc(100vw - 1417px);
1469            height: 100%;
1470            background: white;
1471            left: 145px;
1472            position: relative;
1473        }
1474
1475        .scroll-horizontal-cover .arrow-icon-scroll {
1476            position: absolute;
1477            top: 50%;
1478            transform: translateY(-50%);
1479            cursor: pointer;
1480        }
1481
1482
1483            .scroll-horizontal-cover .arrow-icon-scroll:hover {
1484                opacity: .7;
1485            }
1486
1487            .scroll-horizontal-cover .arrow-icon-scroll.right {
1488                left: 140px;
1489            }
1490
1491            .scroll-horizontal-cover .arrow-icon-scroll.left {
1492                left: 100px;
1493            }
1494
1495        .scroll-horizontal-cover {
1496            content: '';
1497            width: auto;
1498            height: 430px;
1499            position: absolute;
1500            right: 0px;
1501            bottom: 0px;
1502            background: -webkit-linear-gradient(90deg, RGBA(255, 255, 255, 0) 0%, white 22%, white);
1503            background: linear-gradient(90deg, RGBA(255, 255, 255, 0) 0%, white 22%, white);
1504        }
1505
1506        .sign-in a {
1507            color: #3173E8;
1508        }
1509
1510
1511
1512        .tool-logo-lg {
1513            display: block;
1514        }
1515
1516        .tool-logo-sm {
1517            display: none;
1518        }
1519
1520        .white-btn:hover {
1521            background-color: #3173E8;
1522            color: white;
1523        }
1524
1525        /*.showme {
1526            display: block !important;
1527        }
1528
1529        .hideme {
1530            display: none !important;
1531        }*/
1532
1533        @media (max-width: 767px) {
1534            .subchart {
1535                max-width: 150px;
1536            }
1537
1538            video {
1539                width: 100%;
1540            }
1541
1542            footer .row {
1543                display: block !important;
1544            }
1545
1546            footer .col-8,
1547            footer .col-4 {
1548                max-width: unset;
1549            }
1550
1551            footer .row .col {
1552                padding: 0;
1553                margin-bottom: 50px;
1554            }
1555
1556            .copyright-text {
1557                bottom: unset;
1558                top: -90px;
1559            }
1560
1561            .footer-logo {
1562                margin-bottom: 50px;
1563            }
1564
1565            .__nocampaignmsg {
1566                margin: 100px 0px 60px 30px !important;
1567            }
1568
1569            .start-free-trial-popup-wrapper {
1570                padding: 0 !important;
1571                overflow: auto;
1572                max-height: 100%;
1573            }
1574
1575            .sign-in a {
1576                position: absolute;
1577                right: 15px;
1578                top: 10px;
1579                white-space: nowrap;
1580            }
1581
1582            .showme {
1583                display: block !important;
1584            }
1585
1586            .hideme {
1587                display: none !important;
1588            }
1589
1590            .logout-dropdown {
1591                right: -10px !important;
1592            }
1593
1594            .tabs .tab-content .tab-area .tab-left-area {
1595                margin-right: 0px;
1596            }
1597
1598
1599
1600            .illustrations-container {
1601                display: block;
1602            }
1603
1604            .__campaignCombinations {
1605                margin: 20px 0px;
1606            }
1607
1608            .google-connection .arrow-right img {
1609                -webkit-transform: rotate(90deg);
1610                transform: rotate(90deg);
1611                position: relative;
1612                top: 8px;
1613            }
1614
1615            body {
1616                padding-top: 130px;
1617            }
1618
1619            .ads {
1620                display: block;
1621                position: static;
1622                width: 100%;
1623                margin-bottom: 80px;
1624                margin-top: 80px;
1625                margin-left: 2px;
1626            }
1627
1628            .tabs {
1629                padding: 0;
1630            }
1631
1632                .tabs .nav-tabs {
1633                    padding-top: 60px;
1634                }
1635
1636                    .tabs .nav-tabs .cc-info {
1637                        top: 0 !important;
1638                        left: 0px;
1639                        right: unset;
1640                        -webkit-transform: none;
1641                        transform: none;
1642                    }
1643
1644            .tab-area {
1645                display: block;
1646            }
1647
1648            .tool-logo-lg {
1649                display: none;
1650            }
1651
1652            .tool-logo-sm {
1653                display: block;
1654                position: fixed;
1655                left: 138px;
1656                top: 13px;
1657                box-sizing: border-box;
1658                padding-left: 15px;
1659                border-left: solid 1px #d4d4d4;
1660            }
1661
1662            .scroll-horizontal-cover {
1663                display: none;
1664            }
1665
1666            .resources-section .row {
1667                white-space: nowrap;
1668                width: auto;
1669                overflow: auto;
1670                padding-left: 30px;
1671                padding-right: 30px;
1672                margin: 0px -15px;
1673            }
1674
1675                .resources-section .row .card {
1676                    margin-top: 15px !important;
1677                }
1678

1679            #chartexpo-image {
1680                margin: auto;
1681                width: 100%;
1682                float: none;
1683            }
1684
1685            .navbar ul li ul.drop-down {
1686                position: static;
1687                width: 100%;
1688                padding: 0px 20px;
1689                box-shadow: none;
1690            }
1691
1692            .chartexpo-tab {
1693                position: static;
1694            }
1695
1696            .chartexpo-embossed-lg {
1697                display: none;
1698            }
1699
1700            .chartexpo-embossed-sm {
1701                display: block;
1702            }
1703
1704            .banner {
1705                display: block;
1706            }
1707
1708            .top-ad {
1709                padding: 0px 10px;
1710            }
1711
1712                .top-ad h3 {
1713                    max-width: 50%;
1714                    margin-left: 0px;
1715                }
1716
1717                .top-ad img {
1718                    display: none;
1719                }
1720
1721            .chartexpo-tab {
1722                max-width: 100%;
1723            }
1724
1725            .flex-container {
1726                display: block;
1727            }
1728
1729
1730            .toggle-btn {
1731                display: block;
1732                position: absolute;
1733                top: 22px;
1734                right: 80px;
1735            }
1736
1737
1738            .flex-container {
1739                display: block;
1740            }
1741
1742            .nav-container {
1743                display: block;
1744                padding: 15px 0px;
1745            }
1746
1747            .nav-left {
1748                display: block;
1749            }
1750
1751            .navbar {
1752                margin-top: 20px;
1753            }
1754
1755                .navbar a.active {
1756                    border-bottom: none;
1757                    background: #f4f4f4;
1758                }
1759
1760                .navbar a {
1761                    padding: 10px 15px;
1762                    margin: 0;
1763                }
1764
1765                .navbar.collapsed {
1766                    display: none;
1767                }
1768
1769                .navbar ul li {
1770                    display: block;
1771                }
1772
1773                    .navbar ul li a {
1774                        display: block;
1775                    }
1776
1777            .nav-right {
1778                position: absolute;
1779                top: 10px;
1780                right: 0px;
1781            }
1782        }
1783
1784
1785
1786        /*Custom Css*/
1787
1788        .pointer {
1789            cursor: pointer;
1790        }
1791
1792        .cookies-container .content-container {
1793            display: flex;
1794            max-width: 1140px;
1795            margin: auto;
1796            justify-content: center;
1797        }
1798
1799        .cookies-container h3 {
1800            margin-bottom: -11px;
1801            margin-top: 0px;
1802        }
1803
1804        .cookies-container p {
1805            font-size: 14px;
1806        }
1807
1808        .cookies-container .col-right {
1809            align-self: center;
1810            padding-left: 30px;
1811        }
1812
1813        .cookies-container {
1814            background: #ffffff;
1815            position: fixed;
1816            bottom: 0;
1817            width: 100%;
1818            text-align: left;
1819            padding: 10px 10px 4px;
1820            box-shadow: #0000002e 0 0 100px;
1821            z-index: 10;
1822            border-top: solid 1px #dedede;
1823        }
1824
1825
1826        .blue {
1827            color: #3173E8 !important;
1828        }
1829
1830        .sign-in a {
1831            color: #3173E8 !important;
1832            font-size: 13px;
1833        }
1834
1835
1836
1837
1838
1839
1840
1841        .user-name-circle-span {
1842            text-align: center;
1843            width: 100%;
1844            display: block;
1845            /* height: 100%; */
1846            /* padding: 13px 9px; */
1847            /* position: relative; */
1848            /* bottom: 11px; */
1849            top: 50%;
1850            font-size: 18px;
1851            left: 50%;
1852            font-family: ps-regular;
1853            transform: translate(-50%,-50%);
1854            outline: none;
1855            position: absolute;
1856        }
1857
1858        .user-name-cricle {
1859            background: white;
1860            border: solid 1px #3173E8;
1861            display: inline-block;
1862            width: 36px;
1863            height: 36px;
1864            border-radius: 90px;
1865            color: #3173E8;
1866            margin-right: 15px;
1867            position: relative;
1868            top: 3px;
1869            /* right: 48px; */
1870            cursor: pointer;
1871            outline: none;
1872        }
1873
1874        .logout-dropdown .account-status {
1875            float: right;
1876            font-family: text;
1877            font-size: 14px;
1878            color: #33a233;
1879        }
1880
1881            .logout-dropdown .account-status.status-active {
1882                position: relative;
1883            }
1884
1885                .logout-dropdown .account-status.status-active:after {
1886                    content: "";
1887                    display: block;
1888                    width: 13px;
1889                    height: 13px;
1890                    background: url(/Content/images/TrialRegister/status-active.png);
1891                    background-repeat: no-repeat;
1892                    position: absolute;
1893                    top: 3px;
1894                    left: -17px;
1895                }
1896
1897        .dropdown-menu {
1898            position: absolute;
1899            top: 100%;
1900            left: 0;
1901            z-index: 1000;
1902            display: none;
1903            float: left;
1904            min-width: 10rem;
1905            padding: .5rem 0;
1906            margin: .125rem 0 0;
1907            font-size: 1rem;
1908            color: #212529;
1909            text-align: left;
1910            list-style: none;
1911            background-color: #fff;
1912            background-clip: padding-box;
1913            border: 1px solid rgba(0,0,0,.15);
1914            border-radius: .25rem;
1915        }
1916
1917        .logoutList {
1918            left: inherit;
1919            right: 10px;
1920            position: absolute;
1921            float: right;
1922            box-shadow: 0 6px 12px rgba(0,0,0,.175);
1923        }
1924
1925        .logout-dropdown .logoutList {
1926            border: solid 1px #e1e1e1;
1927            -webkit-box-shadow: #0000002e 0px 0px 12px;
1928            box-shadow: #0000002e 0px 0px 12px;
1929        }
1930
1931            .logout-dropdown .logoutList li {
1932                padding: 10px;
1933            }
1934
1935                .logout-dropdown .logoutList li:not(.user-info-section) {
1936                    padding: 0px 10px;
1937                }
1938
1939                    .logout-dropdown .logoutList li:not(.user-info-section):hover {
1940                        background: #f0f7ff;
1941                    }
1942
1943                .logout-dropdown .logoutList li.devide {
1944                    border-bottom: solid 1px #eeeeee;
1945                    padding: 8px 10px;
1946                }
1947
1948                .logout-dropdown .logoutList li:last-child {
1949                    margin-bottom: 5px;
1950                }
1951
1952                .logout-dropdown .logoutList li a {
1953                    text-decoration: none;
1954                }
1955
1956        .logout-dropdown.trial-user div.trial-info {
1957            background: #eff6ff;
1958            border-top-left-radius: 3px;
1959            border-top-right-radius: 3px;
1960            position: relative;
1961            margin-bottom: 10px;
1962            padding: 10px;
1963        }
1964
1965            .logout-dropdown.trial-user div.trial-info h4 {
1966                font-family: semibold;
1967                font-size: 15px;
1968                color: black;
1969                margin-bottom: 3px;
1970                margin-top: 0px;
1971            }
1972
1973            .logout-dropdown.trial-user div.trial-info p {
1974                font-family: text;
1975                font-size: 14px;
1976                color: #6e6e6e;
1977                margin-bottom: 3px;
1978                margin-top: 0px;
1979            }
1980
1981            .logout-dropdown.trial-user div.trial-info:after {
1982                content: "";
1983                display: block;
1984                position: absolute;
1985                bottom: 0px;
1986                left: 0px;
1987                width: 70%;
1988                height: 4px;
1989                background: #3173E8;
1990            }
1991
1992            .logout-dropdown.trial-user div.trial-info:before {
1993                content: "";
1994                display: block;
1995                position: absolute;
1996                bottom: 0px;
1997                left: 0px;
1998                width: 100%;
1999                height: 4px;
2000                background: #d7e6f9;
2001            }
2002
2003        /*.logout-dropdown.trial-user .tip {
2004            border-bottom: solid 10px #374756;
2005        }
2006
2007        .tip {
2008            position: relative;
2009            display: none;
2010            float: right;
2011            top: 5px;
2012            right: 121px;
2013            width: 12px;
2014            height: 12px;
2015            border-top: solid 10px transparent;
2016            border-left: solid 10px transparent;
2017            border-right: solid 10px transparent;
2018            z-index: 9999;
2019        }*/
2020
2021        .upgradePlan {
2022            float: right;
2023        }
2024
2025            .upgradePlan a {
2026                font-size: 12px;
2027                color: #3173E8;
2028                text-decoration: underline;
2029                cursor: pointer;
2030            }
2031
2032        .big-user-name-cricle {
2033            background: #fff;
2034            border: solid 1px #3173E8;
2035            display: inline-block;
2036            width: 30px;
2037            height: 30px;
2038            border-radius: 160px;
2039            color: #3173E8;
2040            float: left;
2041            margin-top: 10px;
2042        }
2043
2044        .big-user-name-circle-span {
2045            text-align: center;
2046            width: 100%;
2047            display: block;
2048            padding: 0;
2049            line-height: 28px;
2050            font-size: 17px;
2051            display: block;
2052            font-family: ps-regular;
2053        }
2054
2055        .user-info {
2056            display: inline-block;
2057            padding: 0 0 0 5px;
2058            font-size: 13px;
2059            bottom: 3px;
2060            position: relative;
2061            font-family: roboto-light;
2062            margin-top: 5px;
2063        }
2064
2065        .loginusername {
2066            white-space: nowrap;
2067            overflow: hidden;
2068            text-overflow: ellipsis;
2069            max-width: 195px;
2070            display: block;
2071        }
2072
2073        .ellipsis {
2074            white-space: nowrap;
2075            overflow: hidden;
2076            text-overflow: ellipsis;
2077            max-width: 125px;
2078            display: block;
2079            position: relative;
2080            top: 6px;
2081        }
2082
2083        .blue {
2084            color: #1892d3;
2085        }
2086
2087        .sort {
2088            margin-left: 3px;
2089        }
2090
2091        .user-info .user-email {
2092            color: #000;
2093        }
2094
2095        .ads_hoverClass {
2096            background: url(../assets/images/CombinationCalculator/signal-ad-yellow.png) !important;
2097            background-size: contain !important;
2098        }
2099
2100        .logout-dropdown .dropdown-menu > li > a {
2101            display: block;
2102            color: #000;
2103            font-family: roboto-light;
2104            padding: 3px 0 0 0;
2105        }
2106
2107        .UserSchedulelink {
2108            cursor: pointer;
2109        }
2110
2111        .logoutList li label {
2112            position: relative;
2113            top: -3px;

2114            left: 5px;
2115            cursor: pointer;
2116            margin-bottom: 0;
2117            font-family: roboto-light;
2118            font-size: 14px;
2119            padding: 0;
2120        }
2121
2122        .logout-dropdown .logoutList li.devide {
2123            border-bottom: solid 1px #eee;
2124            padding: 8px 10px !important;
2125        }
2126
2127        .logoutList li .switch {
2128            float: right;
2129        }
2130
2131        .switch input {
2132            position: absolute;
2133            height: 1px;
2134            width: 1px;
2135            background: none;
2136            border: 0;
2137            clip: rect(0 0 0 0);
2138            clip-path: inset(50%);
2139            overflow: hidden;
2140            padding: 0;
2141        }
2142
2143        input[type="checkbox"]:checked {
2144            background: url(../../images/TrialRegister/checkboxselected.png);
2145        }
2146
2147        .switch {
2148            font-size: 1rem;
2149            position: relative;
2150        }
2151
2152            .switch input {
2153                position: absolute;
2154                height: 1px;
2155                width: 1px;
2156                background: none;
2157                border: 0;
2158                clip: rect(0 0 0 0);
2159                clip-path: inset(50%);
2160                overflow: hidden;
2161                padding: 0;
2162            }
2163
2164                .switch input + label {
2165                    position: relative;
2166                    min-width: calc(calc(2.375rem * .8) * 2);
2167                    border-radius: calc(2.375rem * .8);
2168                    height: calc(2.375rem * .8);
2169                    line-height: calc(2.375rem * .8);
2170                    display: inline-block;
2171                    cursor: pointer;
2172                    outline: none;
2173                    user-select: none;
2174                    vertical-align: middle;
2175                    text-indent: calc(calc(calc(2.375rem * .8) * 2) + .5rem);
2176                }
2177
2178                    .switch input + label::before,
2179                    .switch input + label::after {
2180                        content: '';
2181                        position: absolute;
2182                        top: 0;
2183                        left: 0;
2184                        width: calc(calc(2.375rem * .8) * 2);
2185                        bottom: 0;
2186                        display: block;
2187                    }
2188
2189                    .switch input + label::before {
2190                        right: 0;
2191                        background-color: #dee2e6;
2192                        border-radius: calc(2.375rem * .8);
2193                        transition: 0.2s all;
2194                    }
2195
2196                    .switch input + label::after {
2197                        top: 2px;
2198                        left: 2px;
2199                        width: calc(calc(2.375rem * .8) - calc(2px * 2));
2200                        height: calc(calc(2.375rem * .8) - calc(2px * 2));
2201                        border-radius: 50%;
2202                        background-color: white;
2203                        transition: 0.2s all;
2204                    }
2205
2206                .switch input:checked + label::before {
2207                    background-color: #3173E8;
2208                }
2209
2210                .switch input:checked + label::after {
2211                    margin-left: calc(2.375rem * .8);
2212                }
2213
2214                .switch input:focus + label::before {
2215                    outline: none;
2216                    box-shadow: 0 0 0 0.2rem rgba(0, 136, 221, 0.25);
2217                }
2218
2219                .switch input:disabled + label {
2220                    color: #868e96;
2221                    cursor: not-allowed;
2222                }
2223
2224                    .switch input:disabled + label::before {
2225                        background-color: #e9ecef;
2226                    }
2227
2228            .switch.switch-sm {
2229                font-size: 0.875rem;
2230            }
2231
2232                .switch.switch-sm input + label {
2233                    min-width: calc(calc(1.9375rem * .8) * 2);
2234                    height: calc(1.9375rem * .8);
2235                    line-height: calc(1.9375rem * .8);
2236                    text-indent: calc(calc(calc(1.9375rem * .8) * 2) + .5rem);
2237                }
2238
2239                    .switch.switch-sm input + label::before {
2240                        width: calc(calc(1.9375rem * .8) * 2);
2241                    }
2242
2243                    .switch.switch-sm input + label::after {
2244                        width: calc(calc(1.9375rem * .8) - calc(2px * 2));
2245                        height: calc(calc(1.9375rem * .8) - calc(2px * 2));
2246                    }
2247
2248                .switch.switch-sm input:checked + label::after {
2249                    margin-left: calc(1.9375rem * .8);
2250                }
2251
2252            .switch.switch-lg {
2253                font-size: 1.25rem;
2254            }
2255
2256                .switch.switch-lg input + label {
2257                    min-width: calc(calc(3rem * .8) * 2);
2258                    height: calc(3rem * .8);
2259                    line-height: calc(3rem * .8);
2260                    text-indent: calc(calc(calc(3rem * .8) * 2) + .5rem);
2261                }
2262
2263                    .switch.switch-lg input + label::before {
2264                        width: calc(calc(3rem * .8) * 2);
2265                    }
2266
2267                    .switch.switch-lg input + label::after {
2268                        width: calc(calc(3rem * .8) - calc(2px * 2));
2269                        height: calc(calc(3rem * .8) - calc(2px * 2));
2270                    }
2271
2272                .switch.switch-lg input:checked + label::after {
2273                    margin-left: calc(3rem * .8);
2274                }
2275
2276        .logout-dropdown {
2277            position: absolute;
2278            width: 274px;
2279            top: 28px !important;
2280            right: -125px;
2281            z-index: 9999;
2282        }
2283
2284            .logout-dropdown .account-status {
2285                position: absolute;
2286                top: 0;
2287                right: 7px;
2288            }
2289
2290            .logout-dropdown .user-info-section {
2291                position: relative;
2292            }
2293
2294            .logout-dropdown .account-status.status-expired,
2295            .logout-dropdown .account-status.status-suspended,
2296            .logout-dropdown .account-status.status-cancel {
2297                position: relative;
2298            }
2299
2300                .logout-dropdown .account-status.status-expired:after,
2301                .logout-dropdown .account-status.status-suspended:after,
2302                .logout-dropdown .account-status.status-cancel:after {
2303                    content: '';
2304                    display: block;
2305                    width: 13px;
2306                    height: 13px;
2307                    background-repeat: no-repeat;
2308                    position: absolute;
2309                    top: 3px;
2310                    left: -17px;
2311                }
2312
2313            .logout-dropdown .account-status.status-active:after {
2314                background: url(/Content/images/TrialRegister/status-active.png);
2315            }
2316
2317            .logout-dropdown .account-status.status-active {
2318                bottom: 6px;
2319            }
2320
2321            .logout-dropdown .account-status.status-expired:after {
2322                background: url(/Content/images/TrialRegister/status-expired.png);
2323            }
2324
2325            .logout-dropdown .account-status.status-expired {
2326                bottom: 6px;
2327                color: red;
2328            }
2329
2330            .logout-dropdown .account-status.status-suspended:after {
2331                background: url(/Content/images/TrialRegister/status-suspended.png);
2332            }
2333
2334            .logout-dropdown .account-status.status-suspended {
2335                bottom: 6px;
2336                color: #fcb040;
2337            }
2338
2339            .logout-dropdown .account-status.status-cancel:after {
2340                background: url(/Content/images/TrialRegister/status-cancelled.png);
2341            }
2342
2343            .logout-dropdown .account-status.status-cancel {
2344                bottom: 6px;
2345                color: #fcb040;
2346            }
2347
2348
2349
2350            .logout-dropdown.trial-user div.trial-info:after {
2351                display: none;
2352            }
2353
2354            .logout-dropdown.trial-user div.trial-info-after {
2355                content: '';
2356                display: block;
2357                position: absolute;
2358                bottom: 0px;
2359                left: 0px;
2360                /*width: 70%;*/
2361                height: 4px;
2362                background: #3173E8;
2363            }
2364
2365        .show {
2366            display: inline-block;
2367        }
2368
2369        .dropdown-menu.show {
2370            display: block !important;
2371        }
2372
2373        .hide {
2374            display: none;
2375        }
2376
2377        #divLogoutMenu ul {
2378            list-style: none;
2379        }
2380

2381        .sign-in:hover {
2382            cursor: pointer;
2383        }
2384
2385        #divStartFreeTrialPopupContainer {
2386            position: fixed;
2387            width: 100%;
2388            height: 100%;
2389            background: rgba(255, 255, 255, 0.95);
2390            top: 0px;
2391            left: 0px;
2392            z-index: 11;
2393        }
2394
2395        #divStartFreeTrialContainer {
2396            overflow: hidden;
2397            height: 100%;
2398        }
2399
2400        .start-free-trial-popup-wrapper {
2401            padding: 0 !important;
2402        }
2403
2404        .start-free-trial-popUp-container {
2405            max-width: 875px;
2406            margin: 33px auto;
2407        }
2408
2409            .start-free-trial-popUp-container .header {
2410                padding: 8px 10px;
2411                background-color: #3173E8;
2412                border-top-left-radius: 3px;
2413                border-top-right-radius: 3px;
2414            }
2415
2416                .start-free-trial-popUp-container .header > .row {
2417                    margin: 0;
2418                }
2419
2420        .start-free-trial-popUp-container {
2421            max-width: 875px;
2422            margin: 33px auto;
2423        }
2424
2425            .start-free-trial-popUp-container .header {
2426                padding: 8px 10px;
2427                background-color: #3173E8;
2428                border-top-left-radius: 3px;
2429                border-top-right-radius: 3px;
2430            }
2431
2432                .start-free-trial-popUp-container .header > .row {
2433                    margin: 0;
2434                }
2435
2436                .start-free-trial-popUp-container .header label {
2437                    color: #fff;
2438                    font-family: 'Myriad Set Pro';
2439                    font-size: 18px;
2440                    font-weight: normal;
2441                    display: inline-block;
2442                    padding: 2px 0px 0px 5px;
2443                }
2444
2445            .start-free-trial-popUp-container .contentContainer {
2446                border: 1px solid #ededed;
2447                /*border-top: none;*/
2448                border-bottom-left-radius: 3px;
2449                border-bottom-right-radius: 3px;
2450                background: white;
2451            }
2452
2453            .start-free-trial-popUp-container .dialog-body {
2454                font-family: 'Myriad Set Pro';
2455                color: #000000;
2456                border-bottom: 1px solid #ededed;
2457                height: auto;
2458                overflow-y: auto;
2459                overflow-x: hidden;
2460                width: 100%;
2461                padding: 0px 40px 50px;
2462                /* background: #e8e8e8; */
2463                position: relative;
2464            }
2465
2466                .start-free-trial-popUp-container .dialog-body p {
2467                    margin-bottom: 50px;
2468                }
2469
2470            .start-free-trial-popUp-container .dialog-footer {
2471                padding: 15px 0px;
2472            }
2473
2474                .start-free-trial-popUp-container .dialog-footer p {
2475                    margin: 0;
2476                    line-height: 30px;
2477                }
2478
2479                .start-free-trial-popUp-container .dialog-footer .btn {
2480                    margin: 0;
2481                }
2482
2483                    .start-free-trial-popUp-container .dialog-footer .btn.btn-cancel {
2484                        color: #969696;
2485                        background-color: #ededed;
2486                    }
2487
2488                    .start-free-trial-popUp-container .dialog-footer .btn.btn-google {
2489                        color: #fff;
2490                        background-color: #4484f3;
2491                        padding: 2px 15px 2px 2px;
2492                    }
2493
2494                        .start-free-trial-popUp-container .dialog-footer .btn.btn-google span {
2495                            background: white;
2496                            height: 100%;
2497                            margin-right: 10px;
2498                            display: inline-block;
2499                            width: 33px;
2500                            position: relative;
2501                            vertical-align: middle;
2502                        }
2503
2504                            .start-free-trial-popUp-container .dialog-footer .btn.btn-google span img {
2505                                margin: 0;
2506                                position: absolute;
2507                                top: 50%;
2508                                left: 50%;
2509                                transform: translate(-50%, -50%);
2510                            }
2511
2512        .start-free-trial-dialog {
2513            padding-top: 15px;
2514        }
2515
2516            .start-free-trial-dialog img {
2517                margin-bottom: 15px;
2518            }
2519
2520            .start-free-trial-dialog p {
2521                font-family: roboto-regular;
2522                color: #919191;
2523                font-size: 14px;
2524            }
2525
2526        .appliactionMainLoaderInnerDiv {
2527            position: fixed;
2528            z-index: 9999;
2529            top: 50%;
2530            left: 50%;
2531            transform: translate(-50%, -50%);
2532        }
2533
2534        .__errorDisplayText {
2535            font-family: roboto-light;
2536            font-size: 12px;
2537        }
2538
2539        .appError-div .skip {
2540            font-family: semibold;
2541            font-size: 13px;
2542            cursor: pointer;
2543        }
2544
2545        .__errTxtdiv {
2546            color: white;
2547        }
2548
2549        .__warrTxtdiv {
2550            color: black;
2551            margin: 1px 6px 15px 1px;
2552        }
2553
2554        .appError-div {
2555            position: fixed;
2556            top: 500px;
2557            left: 1090px;
2558            width: 260px;
2559            height: auto;
2560            border-radius: 6px;
2561            z-index: 9999;
2562            padding: 15px;
2563            margin-left: -5px;
2564        }
2565
2566        .__ErrorMsgDiv {
2567            color: white;
2568            background-color: #f16f7b;
2569        }
2570
2571        .__warringMsgDiv {
2572            color: black;
2573            background-color: #f2c14a;
2574        }
2575
2576        .appError-div h4 {
2577            font-family: roboto-light !important;
2578            font-size: 13px;
2579            margin: 0px 1px 0px 2px;
2580        }
2581
2582        .__selectedAccountName {
2583            font-family: roboto-bold !important;
2584            font-size: 14px !important;
2585            color: #000 !important;
2586        }
2587
2588        .__totalcampaignCombinations {
2589            font-family: ps-regular !important;
2590            font-size: 27px !important;
2591            color: #3173e8 !important;
2592        }
2593
2594        .Campaigndropdown-item[selected=selected] {
2595            background-color: #E8E8E8;
2596        }
2597
2598        .Campaigndropdown-item {
2599            font-family: robot-regular !important;
2600            font-size: 12px !important;
2601            color: #4e4e4e !important;
2602        }
2603
2604        .__campaignCount {
2605            margin-left: 10px !important;
2606            font-size: 11px !important;
2607        }
2608
2609        .tooltip-inner {
2610            background-color: #FAC724 !important;
2611            color: black !important;
2612            font-size: 13px;
2613            opacity: 1;

2614        }
2615
2616        .tooltip.bs-tooltip-right .arrow:before {
2617            border-right-color: #FAC724 !important;
2618        }
2619
2620        .tooltip.bs-tooltip-left .arrow:before {
2621            border-left-color: #FAC724 !important;
2622        }
2623
2624        .tooltip.bs-tooltip-bottom .arrow:before {
2625            border-bottom-color: #FAC724 !important;
2626        }
2627
2628        .tooltip.bs-tooltip-top .arrow:before {
2629            border-top-color: #FAC724 !important;
2630        }
2631
2632        .tabs .tab-content .google-connection .box {
2633            padding: 15px;
2634            border: solid 1px #EDEDED;
2635            text-align: left;
2636            margin-bottom: 20px;
2637        }
2638
2639            .tabs .tab-content .google-connection .box .search-box {
2640                position: -webkit-sticky;
2641                position: sticky;
2642                top: 0px;
2643                z-index: 0;
2644                background-color: white;
2645                border: none;
2646                border-bottom: solid 1px #EDEDED;
2647                width: 100%;
2648                padding-left: 27px;
2649                font-size: 16px;
2650                line-height: 35px;
2651                font-family: roboto-light;
2652                color: #000;
2653                background: url(../assets/images/CombinationCalculator/searchbar-gray.svg) no-repeat left;
2654            }
2655
2656                .tabs .tab-content .google-connection .box .search-box::-webkit-input-placeholder {
2657                    color: #CBCBCB;
2658                }
2659
2660                .tabs .tab-content .google-connection .box .search-box:-ms-input-placeholder {
2661                    color: #CBCBCB;
2662                }
2663
2664                .tabs .tab-content .google-connection .box .search-box::-ms-input-placeholder {
2665                    color: #CBCBCB;
2666                }
2667
2668                .tabs .tab-content .google-connection .box .search-box::placeholder {
2669                    color: #CBCBCB;
2670                }
2671
2672                .tabs .tab-content .google-connection .box .search-box:focus {
2673                    outline: none;
2674                    background: url(../assets/images/CombinationCalculator/searchbar-blue.svg) no-repeat left;
2675                    border-color: #3173E8;
2676                    -webkit-box-shadow: none;
2677                    box-shadow: none;
2678                }
2679
2680            .tabs .tab-content .google-connection .box .cards-container {
2681                max-height: 230px;
2682                overflow: auto;
2683                overflow-x: hidden;
2684            }
2685
2686            .tabs .tab-content .google-connection .box .card {
2687                border: 0;
2688                border-bottom: solid 1px #EDEDED;
2689                border-radius: 0;
2690            }
2691
2692                .tabs .tab-content .google-connection .box .card:last-child {
2693                    border-bottom: none;
2694                }
2695
2696            .tabs .tab-content .google-connection .box .card-header {
2697                padding: 20px 0px;
2698                background: transparent;
2699                border: 0;
2700            }
2701
2702            .tabs .tab-content .google-connection .box .card-body {
2703                padding: 9px 0px 20px 50px;
2704                font-family: roboto-light;
2705                font-size: 16px;
2706                color: #000;
2707                /*max-height: 200px;
2708                overflow: auto;*/
2709            }
2710
2711        .__accountAndCampaignDiv ::-webkit-scrollbar {
2712            width: 6px;
2713            background-color: #F5F5F5;
2714        }
2715
2716        .tabs .tab-content .google-connection .box .card-body .form-check {
2717            padding-top: 5px;
2718            padding-bottom: 5px;
2719        }
2720
2721        .tabs .tab-content .google-connection .box .action {
2722            cursor: pointer;
2723            font-family: roboto-regular;
2724            font-size: 16px;
2725            color: #000;
2726            margin-bottom: 0;
2727        }
2728
2729            .tabs .tab-content .google-connection .box .action::before {
2730                content: '';
2731                width: 14px;
2732                height: 8px;
2733                background-repeat: no-repeat;
2734                display: inline-block;
2735                background: url(../assets/images/CombinationCalculator/arrow-down.svg);
2736                position: relative;
2737                bottom: 1px;
2738                margin-right: 5px;
2739                -webkit-transform: rotateZ(-90deg);
2740                transform: rotateZ(-90deg);
2741            }
2742
2743            .tabs .tab-content .google-connection .box .action.collapsed::before {
2744                -webkit-transform: rotateZ(0deg);
2745                transform: rotateZ(0deg);
2746            }
2747
2748        .tabs .tab-content .google-connection .box .form-check-label {
2749            position: relative;
2750            left: 5px;
2751            top: 1px;
2752        }
2753
2754        .__accountAndCampaignProgressDiv {
2755            height: 530px;
2756        }
2757
2758        .__combinationType {
2759            text-align: end;
2760            font-size: 18px;
2761        }
2762
2763        .tabs .tab-content .dropdown-container .select-box .dorpdown-arrow {
2764            position: absolute;
2765            right: 15px;
2766            top: 50%;
2767            -webkit-transform: translateY(-50%);
2768            transform: translateY(-50%);
2769        }
2770
2771        .__jobLoderDiv {
2772            text-align: center;
2773            width: 300px;
2774            position: absolute;
2775            top: 50%;
2776            left: 50%;
2777            transform: translate(-50%, -50%);
2778        }
2779
2780        #solutionGalleryProgressDivMessage {
2781            font-family: roboto-light;
2782        }
2783
2784        .__selectedAccountName {
2785            font-family: roboto-bold !important;
2786            font-size: 14px !important;
2787            color: #000 !important;
2788        }
2789
2790        .__accountAndCampaignLoader {
2791            height: 530px;
2792        }
2793
2794        .ellipsis {
2795            white-space: nowrap;
2796            overflow: hidden;
2797            text-overflow: ellipsis;
2798            max-width: 125px;
2799            display: block;
2800            position: relative;
2801            top: 6px;
2802        }
2803
2804        .robotoLight {
2805            font-family: roboto-light !important;
2806        }
2807
2808        .action-arrow {
2809            margin-top: 22px;
2810        }
2811
2812        .default {
2813            cursor: default !important;
2814        }
2815
2816        .pointer {
2817            cursor: pointer !important;
2818        }
2819