/** Common UI Elements CSS - START */ .es-spinner-loader { display: none; } /** Common UI Elements CSS - END */ #menu-content-change:focus { box-shadow: none; color: #FFFFFF; } ul#menu-nav li.active { background-color: #5a67d8; } #menu-nav li a.active { color: #FFF; } .es-lists-table .column-created_at{ width:20%; } .es-lists-table .column-export{ width: 8%; } a:focus { box-shadow: none; } #email_tabs_form div#es-settings-tabs { margin-top: 20px; padding: 0; } #email_tabs_form div#es-settings-tabs div#menu-tab-listing { width: 20%; float: left; } #email_tabs_form div#es-settings-tabs div#menu-tab-content { width: 75%; float: left; } #email_tabs_form div#es-settings-tabs div#menu-tab-listing ul { width: 100%; display: block; background: #f3f6ff; border: 0px; padding: 0; /*min-height: 500px;*/ border-right: 1px solid #CCC; border-left: 1px solid #CCC; border-bottom: 1px solid #CCC; } #email_tabs_form div#es-settings-tabs div#menu-tab-listing ul li { width: 100%; display: block; border-radius: 0px; cursor: pointer; margin: 0px; border: 0px; border-bottom: 1px solid #CCC; } #email_tabs_form div#es-settings-tabs div#menu-tab-listing ul li a { padding: 20px 10px; width: 90%; font-size: 16px; } #email_tabs_form div#es-settings-tabs div#menu-tab-content h1 { width: auto; display: block; border-bottom: 1px solid #CCC; padding: 15px 20px; } #email_tabs_form div#es-settings-tabs div#menu-tab-content h2 { border-bottom: 1px solid #CCC; margin: 0px; padding: 10px 0; text-align: center; } #es-settings-menu #menu-nav li svg { stroke-width: 2; } tr#ig-es-no-api-keys-message:not(:only-child) { display:none; } /* Hide sub heading for Icegram Mailer info */ #ig_es_icegram_mailer_info-field-row .es_sub_headline { display: none; } .help-info-content { background: #FFF; padding: 10px; width: 98%; float: left; margin-top: 10px; /*border-radius: 10px;*/ box-shadow: 0 0 10px #CCC; } .help-info-content .left-blog { width: 48%; float: left; padding: 10px; } .help-info-content .right-blog { width: 48%; float: right; padding: 10px; } .help-info-content ul { width: 90%; margin-left: 20px; list-style: unset; } .help-info-content ul li { line-height: 22px; } .feature-section { width: 98%; padding: 10px; background: #FFF; float: left; margin: 20px auto; /*border-radius: 10px;*/ } .feature-section .feature-blog { width: 29%; float: left; vertical-align: top; min-height: 200px; padding: 10px; background: #f1f1f1; margin: 10px; /*border-radius: 10px;*/ } .feature-section .feature-blog ul { list-style: unset; width: 90%; margin-left: 20px; } .feature-section .feature-blog ul li { line-height: 20px; margin: 10px 0; } .feature-section .feature-blog ul li a { font-size: 14px; font-weight: bold; } .feature-section .feature-blog h3 { font-size: 18px; font-weight: bold; border-bottom: 1px solid #CCC; padding: 10px; margin: 0px; } .feature-blog-wrapper .feature-blog { float: inherit; display: inline-block; width: 35%; } .feature-blog-wrapper { text-align: center; } .feature-section .feature-header { width: 100%; text-align: center; } .feature-section .feature-header h2 { font-size: 28px; border-bottom: 1px solid #CCC; margin: 0px; padding: 20px 0; margin-bottom: 10px; } .feature-section.feature-section-last h3 { line-height: 20px; text-align: center; } .feature-section.feature-section-last img { width: 90%; padding: 10px; border: 1px solid #CCC; margin: 10px 0; background: #000; } .feature-section.feature-section-last p { font-size: 14px; line-height: 22px; } /*.email-subscribers_page_es_settings input[type=text], .email-subscribers_page_es_settings input[type=password], .email-subscribers_page_es_settings input[type=email], .email-subscribers_page_es_settings textarea, #list_description, .email-subscribers_page_es_settings select { width: 70%; } */ .tablenav-pages span.paging-input { width: auto; display: inline-block; } div#post-body-content { width: 100%; float: left; } div#post-body-content .meta-box-sortables .row-blog { padding: 10px 0; } div#post-body-content .meta-box-sortables .row-blog label { margin-right: 10px; display: inline-block; width: 10%; font-weight: bold; } div#post-body-content .meta-box-sortables .row-blog input[type="text"], div#post-body-content .meta-box-sortables .row-blog input[type="email"], div#post-body-content .meta-box-sortables .row-blog select { width: 30%; height: 35px; } div#post-body-content .meta-box-sortables .row-blog p.submit input#submit { width: auto; height: auto; } body.rtl div#post-body-content { float: right; } .blog-content { width: 100%; } .blog-content .blog-row { padding: 10px 0; } .blog-content .blog-row p { width: 10%; display: inline-block; margin: 0px; } .blog-content .blog-row input, .blog-content .blog-row select { height: 35px; line-height: 35px; width: 35%; } .blog-content .blog-row.blog-row-submit input#submit { width: 100%; } .email-subscribers_page_es_newsletters table.form-table td select, .email-subscribers_page_es_notifications table.form-table td select, .email-subscribers_page_es_newsletters table.form-table input[type="text"], .email-subscribers_page_es_notifications table.form-table input[type="text"] { width: 35%; } /* Customize Admin Settings */ .ig-settings-form .ui-state-active, .ig-settings-form .ui-widget-content .ui-state-active, .ig-settings-form .ui-widget-header .ui-state-active, .ig-settings-form a.ui-button:active, .ig-settings-form .ui-button:active, .ig-settings-form .ui-button.ui-state-active:hover { background: #ffffff !important; font-weight: normal; color: #000 !important; } .ig-settings-form .ui-state-active a, .ig-settings-form .ui-state-active a:link, .ig-settings-form .ui-state-active a:visited { color: #000 !important; } .content.save { float: right; } .es-settings-submit-btn { float: left; } .email-subscribers_page_es_subscribers .es-settings-submit-btn .button { background-color: #3ad01e; } #email_tabs_form div#es-settings-tabs { clear: both; } #email_tabs_form div#es-settings-tabs div#menu-tab-content h1 { padding: 14px; } .esbghead { /*background-image: url(https://multiratingpro.com/wp-content/uploads/2016/05/bg-9-full.jpg);*/ background: #4f85a1; padding: 50px; } .esbghead h1 { color: #fff !important; font-weight: bold; } .ui-tabs-panel h2 { background: white; color: black; font-size: 20px; } .essettings input#submit, .email-subscribers_page_es_subscribers input#submit { background: #0085ba; border-color: #0085ba; box-shadow: 0 1px 0 #0085ba; color: #fff; text-decoration: none; text-shadow: 0 -1px 1px #0085ba, 1px 0 1px #0085ba, 0 1px 1px #0085ba, -1px 0 1px #0085ba; } p.search-box.box-ma10, p.search-box { margin: 0 5px; } .esbgheader { background-image: url('../images/bg3.png'); /*background: #008cdd;*/ padding: 50px; background-repeat: no-repeat; background-size: cover; background-position: center center; } .esbgheader h1 { color: #fff !important; font-weight: bold; } .headerpart { margin: 10px 20px 0 2px; } .select2-container { margin: 0 2px 0 2px; } .tablenav.top #doaction, #doaction2, #post-query-submit { margin: 0px 4px 0 4px; } .leftside, .rightside { float: left; width: 10%; margin: 20px 0; } .leftside p.submit, .rightside p.submit { padding: 0 !important; margin: 0 !important; } /* Admin Settings */ /*.email-subscribers_page_es_settings #wpwrap { background-color: white; }*/ .form-table .helper { font-style: italic; font-weight: 100; font-size: 12px; color: #9398a7; } .form-table .es_sub_headline { margin-bottom: 0.5em; font-size: 12px; } #menu-tab-listing .ig-menu-tab.ui-tabs-active.ui-state-active.ui-tabs-active { background-color: white; } #menu-tab-listing .ui-state-default { background: #f3f6ff; } .es-settings-submit-btn { float: left; } .es-cta { font-size: 1.2em; font-weight: bold; } .wrap .page-title-action.es-imp-button:hover { color: #FFFFFF; background-color: #03a025; } .page-title-action.es-imp-button { background-color: #03a025; color: #FFFFFF; } .wrap .page-title-action.es-main-button:hover { color: #FFFFFF; background-color: #5850ec; } .page-title-action.es-main-button { background-color: #5850ec; color: #FFFFFF; } .es-contact-form { width: 70%; } .es-contact-form .form-table td { line-height: 1.3em; } .es-note-child-category td { padding-left: 2em; } /**** Dashboard : start ***/ .toplevel_page_es_dashboard .about-header { margin-top: 2em; } .wrap.about-wrap { background-color: transparent; position: relative; margin: 25px 40px 0 20px; box-shadow: none; -webkit-box-shadow: none; } .about-wrap.es { max-width: 100% } .about-header .wrap .button-hero, .button-main { color: #FFFFFF !important; border-color: #03a025 !important; background: #03a025 !important; box-shadow: 0 1px 0 #03a025; font-weight: bold; height: 3em; line-height: 1em; } .about-header .wrap .button-hero:hover, .button-main { color: #FFF !important; background: #0AAB2E !important; border-color: #0AAB2E !important; } .about-header { background-color: #FFF; padding: 2em 1.5em; -webkit-box-shadow: 0 0 7px 0 rgba(0, 0, 0, .2); box-shadow: 0 0 7px 0 rgba(0, 0, 0, .2); } /*.form-table th { width: 350px !important; }*/ .es-ltr { width: 20em; height: 2em; margin-bottom: 10px; padding: 1.4em; } .es-about-text { /*margin-bottom: 2em;*/ font-size: 1em; /*padding-top: 0.5em;*/ } .es-notify-about-new-post-1 { margin-top: 1em; margin-right: 13em; margin-bottom: 0.3em; font-size: 1.1em; } .es-notify-about-new-post-2 { margin-right: 13em; font-size: 1em; color: gray; } .wrap.about-wrap h1 { font-size: 2.5em; line-height: 0.9em; } .feature-section.col > div { position: relative; width: 29.95%; margin-right: 4.999999999%; float: left } .feature-section.col.two-col > div { width: 45.95% } .feature-section.col img { width: 150px; border: none; } .feature-section.col p { margin-bottom: 1.5em } .about-wrap .feature-section h4 { margin-top: .4em } .about-wrap.es .feature-section { display: block !important } .about-wrap [class$=col] .last-feature { margin-right: 0 } .es-support { color: #000; margin: 178px 0 0; height: 10px; width: 180px; text-rendering: optimizeLegibility; text-align: right; right: 0; margin-top: 9em; padding-right: 1em; } .es-contact-us { font-size: 20px; line-height: 1.5em; font-weight: 800; margin-right: 20px; } .es-contact-us a { color: #E1564B; } .es-donate-link { text-align: right; font-size: 0.8em; margin-top: 1em; } .es-esaf-integration { width: 75% !important; } .es-ig-integration { width: 100% !important; } .es-rm-integration { width: 79% !important; } .es-integration-guide { text-align: justify; } .es_feature, .es_summary { line-height: 1.7em !important; } .es_summary { margin-left: 0em !important; } .es_feature_list, .es_faq_list { list-style-type: disc; margin-left: 1.5em !important; } .es_faq { margin-bottom: 1em; font-weight: 700; } .form-table td.es-optin-headline { color: red; /*text-align: center;*/ font-weight: bold; font-size: 24px; } .form-table td.es-emm-image { padding: 15px 10px; width: 30%; text-align: center; } .form-table td.es-emm-text { padding: 15px 10px; width: 50%; } .form-table td.es-emm-optin { /*padding: 15px 10px;*/ /*width: 20%;*/ padding: 1em; } .form-table td.es-emm-optin form[name="klawoo_subscribe"] { margin-right: 1px; } #klawoo_response { /*background-color: yellow;*/ } .es-about-line { width: 85%; font-size: 14px; line-height: 1.8em; } .es-help-wrap { border-top: 1px dotted #CCC; } .subscribe-form { margin-top: 2em; } .subscribe-form li { list-style: disc; list-style-position: inside; } .es-upper { display: flex; } .es-upper .es-info { width: 66%; padding-right: 3em; border-right: 1px solid #f7f7f7; margin-left: 1.2em; } .es-info img { vertical-align: bottom; } .es-lower { margin-top: 1.5em; } .es-quick-links-wrapper { margin-top: 2em; margin-bottom: 1em; } li.es-quick-links { margin: 0.5em 1em; font-size: 1.3em; /* font-weight: 800; */ list-style: none; } .es-quick-links a { color: #008cdd; } .button-main { color: #FFFFFF !important; border-color: #03a025 !important; background: #03a025 !important; box-shadow: 0 1px 0 #03a025; font-weight: bold; height: 3em !important; line-height: 3em !important; margin: 1em auto !important; } .es-right { margin-left: 2em; } .es-doc-links { font-size: 1.2em; /*font-weight: bold;*/ } .about-header .es-version { /*position: absolute;*/ top: 0; right: 0; /*text-align: center;*/ padding: 10px; } h5.es-badge { margin: 0px; /*color: #E1564B;*/ font-size: 12px; /*text-align: right;*/ font-weight: 600; } .about-header .es-version h3 { margin: 10px 0; color: #333; display: inline; } .about-header .es-version a { color: #E1564B; text-decoration: none; font-size: 20px; font-weight: bold; } .about-header { background: #FFF; border-radius: 5px; padding: 10px; width: 98%; position: relative; box-shadow: 0 0 10px #CCC; } .about-header h2 { font-size: 1.9em; margin: 20px 0 10px 0; display: inline-block; color: #008cdd; } .about-header .es-about-text { font-size: 1.5em; line-height: 1.6em; margin-top: 0.5em; color: #008cdd; } .about-header .es-notify-about-new-post-1 { margin: 10px 0; font-size: 18px; } .about-header ul { width: 100%; font-size: 14px; margin: 10px 0; /*color: #808080;*/ font-weight: normal; } .about-header ul li { margin: 15px 0; } .about-header .wrap.klawoo-form { border-top: 1px dotted #CCC; /*width: 40%;*/ /*margin-left: 2.5em;*/ padding: 1em; background: #daecfb; } .about-header .wrap.klawoo-form td.es-optin-headline, .es-right-headline { color: #008cdd; /*text-align: center;*/ font-weight: bold; font-size: 24px; padding: 0; } .about-header .wrap.klawoo-form td.es-emm-text { margin: 0px; padding-left: 0.5em; } .about-header .wrap.klawoo-form td.es-emm-image img { width: 100%; } @media only screen and (max-width: 1362px) { .es-info h2 { font-size: 1.5em; } .es-info .es-about-line { line-height: 1.4em; } .es-info .es-about-text { font-size: 1.5em; } /* Force table to not be like tables anymore */ .klawoo-form table.form-table, .klawoo-form .form-table thead, .klawoo-form .form-table tbody, .klawoo-form .form-table th, .klawoo-form .form-table td, .klawoo-form .form-table tr { display: block; } .klawoo-form .form-table td.es-emm-text { width: 100%; } } .es-facebook.column { padding: 0.5em; /*border: 1px solid rgba(0, 0, 0, 0.1);*/ /*text-align: center;*/ color: rgba(0, 0, 0, 0.75); margin: 2em auto; /*border: 5px double #e0e0e0;*/ background: rgba(255, 249, 233, 0.75); } .es-facebook.column strong { font-size: 1.2em; color: #008cdd; } .es-facebook.column i.dashicons-facebook { font-size: 5em; line-height: 0.6em; color: #28487D; margin: 0.2em 0; } .es-w-25 { width: 25%; } .es-w-35 { width: 35%; } .es-w-40 { width: 40%; } .es-w-45 { width: 45%; } .es-w-50 { width: 50%; } .es-w-55 { width: 55%; } .es-w-65 { width: 65%; } table#top-countries { width: 90%; } table#top-countries tbody tr:last-child:not(first-child), table#recent-subscribers-activities tbody tr:last-child:not(first-child) { border-bottom: none; } table#top-countries tbody tr:last-child:not(first-child) td, table#recent-subscribers-activities tbody tr:last-child:not(first-child) td { padding-bottom: 5px; } #subscribers-stats.loading, #recent-subscribers-activities.loading { cursor: progress; } #es-dashboard-stats select { --text-opacity: 1; color: #9fa6b2; color: rgba(159, 166, 178, var(--text-opacity)); border-color: #e5e7eb; box-shadow: none; background: #fff url('../images/arrow.svg') no-repeat right 5px top 55%; max-width: 120px; } #es-dashboard-stats .premium-icon { position: relative; top: -3px; } /**** Dashboard : end ***/ .es_list_contact_status:before { content: " \2219 "; font-size: 52px; vertical-align: text-bottom; } .subscribed.es_list_contact_status:before { color: #009e00; } .unsubscribed.es_list_contact_status:before { color: #d40303; } .unconfirmed.es_list_contact_status:before { color: #e6cc14; } .ig-es-process-queue { float: right; margin: 2px 0 3px; } .ig-es-process-queue .page-title-action { font-size: 16px; } .email-subscribers_page_es_settings .ui-widget { font-family: Roboto, Arial, Helvetica, sans-serif; font-size: 1em; } .email-subscribers_page_es_settings .ui-widget input, .email-subscribers_page_es_settings .ui-widget select, .email-subscribers_page_es_settings .ui-widget textarea, .email-subscribers_page_es_settings .ui-widget button { font-family: Roboto, Arial, Helvetica, sans-serif; font-size: 1em; } .es-icon { font-family: "dashicons"; } .es-send-success:before { content: "\f147"; color: green; font-size: 2em; vertical-align: middle; } .es-send-error:before { content: "\f158"; color: #ff3535; font-size: 2em; vertical-align: middle; } @media only screen and (max-width: 1362px) { .es_list_contact_status:before { font-size: 20px; } } .es-fire-sale { animation: beat .25s infinite alternate; transform-origin: center; color: #ea7b00; display: inline-block; font-size: 1.5em; } @keyframes beat { to { transform: scale(1.1); } } #es-test-email { width: 60%; margin-right: 0.7em; } .es_spinner_image_admin img { height: 20px; margin-left: 0.3em; vertical-align: middle; } .es-upsale-image img { /*margin-left: -16em;*/ } .es-smtp-image img { margin-left: -1em; margin-top: 0.8em; } .es-smtp-label { margin-left: -0.6em; } .ig-es-indicator { text-align: center; z-index: 26; font-size: 12px; margin-left: 0.3em; background: #e66060; color: #fff; border-radius: 2px; } .ig-es-success-indicator { background-color: #008000; } .ig-es-indicator-new { background-color: #e66060; } /* Information Box CSS */ div.ig-es-information-box { padding: 4px 12px; margin-top: 25px; margin-bottom: 25px; border-radius: 10px; } div.ig-es-center { margin-left: auto; margin-right: auto; width: 50%; } div.ig-es-box-shadow { box-shadow: 0 0 10px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6); -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6); border-left: 0px; } .ig-es-success { background-color: #ddffdd; border-left: 6px solid #4CAF50; } .ig-es-danger { background-color: #ffdddd; border-left: 6px solid #f44336; } .ig-es-info { background-color: #e7f3fe; border-left: 6px solid #2196F3; content: "\f348"; } .ig-es-warning { background-color: #ffffcc; border-left: 6px solid #ffeb3b; } .ig-vertical-align { display: flex; align-items: center; } .ig-es-icon { margin-right: 2em; } .ig-es-icon-success:before { content: "\f147"; color: #3c763d; font-size: 36px; } .ig-es-icon-danger:before { content: "\f153"; color: #a94442; font-size: 36px; } .ig-es-icon-info:before { content: "\f348"; color: #31708f; font-size: 36px; } .ig-es-icon-warning:before { content: "\f534"; color: #856404; font-size: 36px; } /* Structure */ div.es .column { float: left; margin-right: 4%; } div.es .row { margin-left: auto; margin-right: auto; position: relative; } div.es .one-half { width: 48%; position: relative; } div.es .one-third { width: 33%; position: relative; } div.es .last { margin-right: 0; } .ig-es-pricing-img { padding-bottom: 2em; } .email-subscribers_page_es_pricing #wpwrap #wpcontent { background-color: #f1f1f1; } .es-floting-button { width: 10em; padding: 0.5em; text-align: center; margin: 0px 1em !important; float: right; /*background: #03a025;*/ background: #00a0d2; color: white; border: none; font-size: 1.3em; } .es-floting-button a { text-decoration: none; color: inherit; } .es-floting-button:hover { background: #FFF; /*color: #03a025;*/ color: #00a0d2; font-weight: bold; } .es_mailer:not(:first-of-type) { margin-left: 1em; } .es-mailer-logo { display: inline-block; padding: 0 1em; text-align: center; width: 150px; } .es-mailer-logo img { max-height: 40px; max-width: 90%; } .es-mailer-logo.es_recommended .es-logo-wrapper { border-color: #FF982D; } .es-logo-wrapper { min-width: 120px; min-height: 50px; display: flex; justify-content: center; border: 1px solid #eaeaea; align-items: center; margin-bottom: 0.5em; margin-top: 1em; border-radius: 4px; } .ig_es_docblock { border: 1px solid #d2d2d2; max-width: 68%; padding: 0.6em; border-radius: 5px; font-size: 1em; color: #737373; } #post_digest { background: #fbf8de; padding: 5px; width: 50%; } .post_digest_block { margin: 0.6em; background: #eaeaea; width: 40%; padding: 0.7em; } /* Icegram Express new css : Start*/ .es_settings_field { margin-bottom: 0.8em; } .es_settings_left_pan { width: 75%; display: inline-block; float: left; } .es_settings_field input[type="text"], .es_settings_field input[type="email"] { width: 100%; padding: 10px; font-size: 16px; height: auto; line-height: 1; } .es_settings_field label { font-size: 0.9em; text-transform: uppercase; letter-spacing: .3px; line-height: 2.2; } .es_settings_right_pan { /*padding: 1.5em;*/ /*background: #FFF;*/ /*border-left: 1px solid #e6e6e6;*/ /*border-top-left-radius: 5px;*/ /*border-bottom-left-radius: 5px;*/ width: 19%; display: inline-block; margin-left: 2em; /*float: right;*/ } .es_settings_field select { height: 3em; margin-bottom: 7px; padding-right: 20px; background-color: #FFF !important; width: 100%; max-width: 100%; } .es_campaign_name_wrapper { margin-bottom: 1em; padding-bottom: 1em; border-bottom: 1px solid #afafaf; } .es_campaign_name_wrapper .es_newsletter_name { width: 80%; /* margin-right: 1em; */ /* border: none !important; */ /* background-color: transparent !important; */ box-shadow: none !important; color: #656565 !important; font-size: 1.5em; /* width: 100%; */ padding: 10px; font-size: 16px; height: auto; line-height: 1; } .es_primary_btn { font-size: 1.2em; color: #FFFFFF; border-color: #03a025 !important; background: #03a025; box-shadow: 0 1px 0 #03a025; font-weight: bold; height: 2.6em; padding: 9px 18px; /*font-size: 13px;*/ border-radius: 3px; text-align: center; border: solid 1px #dce1e5; cursor: pointer; /* line-height: 0.6em; */ } .es_primary_btn:hover { color: #03a025; background: #FFF; } .es_secondary_btn { padding: 9px 18px; font-size: 13px; border-radius: 3px; text-align: center; border: solid 1px #dce1e5; cursor: pointer; margin-top: 1em; } .es_secondary_btn:hover { color: #000; background: #FFF; } /* Email Subscribers new css : End*/ table.ig_es_form_table td { padding: 15px 10px 15px 0px; } /* Workflow CSS Start */ .ig-es-table { line-height: 1.3; color: #515151; background: #fff; border: 0; border-spacing: 0; margin: 0; width: 100%; } .ig-es-table--bordered { border: 1px solid #e5e5e5; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); } .ig-es-table a { text-decoration: none; } .ig-es-table .ig-es-table__col { vertical-align: top; border: 0 none; border-top: 1px solid #f2f2f2; padding: 18px 20px 18px 20px; float: none; } .ig-es-table .ig-es-table__col--label { border-top-color: #F0F0F0; width: 31.5%; line-height: 1.15; font-size: 13px; font-weight: 600; border-right: 1px solid #e6e6e6; background: #F9F9F9; } .ig-es-table .ig-es-table__col--label .ig-es-help-tip { margin: 0; position: relative; } .ig-es-table .ig-es-table__col--field { padding-top: 13px; padding-bottom: 13px; } .ig-es-table .ig-es-table__row:first-child .ig-es-table__col { border-top: none; } #post-body .postbox h3.hndle { border-bottom: 1px solid #E1E1E1; padding: 9px 15px; } #post-body .postbox.no-drag .hndle { cursor: default; } .postbox .ig-es-metabox-footer { padding: 9px 15px; background: #f5f5f5; border-top: 1px solid #E1E1E1; text-align: right; } .postbox .ig-es-metabox-pad { padding: 20px; } .postbox h2.hndle small { font-weight: normal; padding-left: 1px; } .postbox h2.hndle .ig-es-help-link { position: relative; top: 2px; left: -11px; } .ig-es-field { margin: 1px; width: 100%; } .ig-es-field--invalid { border-color: #dc3232 !important; -webkit-box-shadow: 0 0 2px #F55E4F !important; box-shadow: 0 0 2px #F55E4F !important; } .ig-es-field--type-text, .ig-es-field--type-number { height: 28px; } .ig-es-field--monospace { font-family: Consolas, Monaco, monospace; font-size: 13px; word-break: break-all; } .wp-admin select.ig-es-field { max-width: 100%; } .ig-es-field-errors { margin-top: 7px; color: #dc3232; font-weight: 500; line-height: 1.1; } .ig-es-field-errors__error { margin-top: 4px; } .ig-es-action__fields { border: 1px solid #E1E1E1; border-top: none; } .es-actions-container { padding: 10px 15px; } .es-rules-container { padding: 14px 20px 9px; } body[class*="_page_es_workflows"] #post-body .postbox .inside { padding: 0; margin: 0; } .field-gap { margin: 8px 0; } .field-cols .col-1, .field-cols .col-2 { float: left; width: 48%; } .field-cols .col-2 { float: right; } .ig-es-field-description { color: #8e8e8e; font-size: 13px; margin: 7px 1px 0; font-style: italic; } .ig-es-time-field-group { *zoom: 1; } .ig-es-time-field-group:before, .ig-es-time-field-group:after { content: " "; display: table; } .ig-es-time-field-group:after { clear: both; } .ig-es-time-field-group__fields { max-width: 140px; } .ig-es-time-field-group .ig-es-field { width: 44%; float: left; } .ig-es-time-field-group__sep { float: left; text-align: center; width: 6%; margin-top: 6px; } .ig-es-time-field-group__24hr-note { font-weight: normal !important; font-size: 12px; margin-left: 7px; display: inline-block; margin-top: 11px; } .ig-es-label { display: block; font-weight: 600; margin: 0 0 7px; font-size: 13px; } .ig-es-action-template { display: none; } .ig-es-actions-container { padding: 10px 15px; } .ig-es-action { margin: 5px 0 10px; } .ig-es-action .wp-editor-container iframe { min-height: 300px; } .ig-es-action.js-open .ig-es-action__header h4, .ig-es-action.js-open .ig-es-action__header a { color: #4a5568; } .ig-es-action__header { position: relative; padding: 14px 17px; border: 1px solid #E1E1E1; cursor: pointer; } .ig-es-action__header h4 { font-size: 14px; margin: 0; display: inline-block; } .ig-es-action__header .row-options { float: right; font-size: 12px; } .ig-es-action__header .row-options a { text-decoration: none; margin: 0 4px; box-shadow: none; } .ig-es-action .ig-es-action__fields:not([style*='display']) { display: none; } .ig-es-switch { cursor: pointer; text-indent: -999em; display: block; width: 2.25rem; height: 1.2rem; border-radius: 30px; border: none; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .3s ease; transition: all .3s ease; -webkit-box-shadow: inset 0 0 0 0 transparent; box-shadow: inset 0 0 0 0 transparent; } .ig-es-switch:focus { outline: none; } .ig-es-switch:before { border-radius: 50%; background: #ffffff; content: ''; position: absolute; display: block; margin-left:1px; width: 0.82rem ; height: 0.85rem; top: 2.7px; left: 2px; -webkit-transition: all .15s ease; transition: all .15s ease; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); } .ig-es-switch[data-ig-es-switch="active"] { -webkit-box-shadow: inset 0 0 0 11px #5850ec; box-shadow: inset 0 0 0 11px #5850ec; } .ig-es-switch[data-ig-es-switch="active"]:before { -webkit-transform: translateX(16px); transform: translateX(16px); } .ig-es-switch[data-ig-es-switch="inactive"] { background: #ccc; } .ig-es-switch.ig-es-loading { cursor: default; opacity: 0.5; } .es-items-lists table.fixed, .post-type-es_template table.fixed { position: static; } .ig-es-close-variable-info-popup { position: absolute; right: 10px; top: 5px; } #ig_es_workflow_variables.postbox { z-index: 999; } .ig-es-action__fields .ig-es-table__row[data-type="hidden"] { display: none; } /** Workflow CSS END */ .frappe-chart .x.axis .line-vertical, .frappe-chart .x.axis text { display: none; } /* .frappe-chart .y.axis .line-horizontal, .frappe-chart .y.axis text { display: none; } */ /** Broadcast New UI CSS */ /* input[type="date"]::-webkit-inner-spin-button, input[type="date"]::-webkit-clear-button { display: none; -webkit-appearance: none; } */ /*.ig-es-tabs { counter-reset: step; }*/ .ig-es-tabs li:before { /* content: counter(step); counter-increment: step;*/ width: 20px; line-height: 20px; display: inline-block; font-size: 10px; color: #333; background: white; border-radius: 3px; margin: 0 auto 5px auto; } /* color change after active */ .ig-es-tabs li.active{ border-bottom: 2px solid #5a67d8; } .ig-es-tabs li:hover { border-bottom: 2px solid rgb(90, 103,216, 0.5); } .ig-es-tabs li.active span{ color: #2d3748; } #preview_template, #spam_score_modal{ display: none; } .broadcast_preview_container, .report_preview_container, .template_preview_container { height: 300px; overflow: hidden; overflow-y: auto; } /* Spam Score */ .es-spam-score { font-size: 2em; vertical-align: middle; margin-left: 0.5em; margin-top: 0em; } .es-spam-score-success { color: green; } .es-spam-score-error { color: red; } .es-logs { margin-top: 5px; } /* Broadcast status icons CSS */ body.email-subscribers_page_es_campaigns .column-status .dashicons { position: relative; left: 10px; } body.email-subscribers_page_es_campaigns .column-status .dashicons[title="Finished"] { color: #0e9f6e; } .broadcast_main_content, .campaign_main_content, .form_main_content { width: 70% ; } .broadcast_side_content, .campaign_side_content, .form_side_content { width: 30% ; } #ig_es_post_notification_list_ids+.select2-container{ width: 75% !important; } .es-preview.broadcast-preview p { margin : 1em 0 !important; } .es-preview.broadcast-preview img.aligncenter { margin-left: auto; margin-right: auto; } .es-code{ -webkit-user-select: all; -ms-user-select: all; user-select: all; } /* Campaign report */ .campaign_open_overlay { top: 30%; left: 50%; transform: translate(-35%, -50%); -ms-transform: translate(-35%, -50%); filter: blur(0); } .campaign_open_blur{ -webkit-filter: blur(1.6px); filter: blur(1.6px); } #browser_open_graph .chart-legend, #os_info_graph .chart-legend, #unsubscribe_feedback_graph .chart-legend{ transform: translate(50px,230px); } .es-activity-viewed-count{ top: 2.1rem; left: 7.5rem; } @media only screen and (max-width: 1080px) and (min-width: 768px) { .es-activity-viewed-count{ top: 3.4rem; left: 0; } } /* Campaign Report : end */ .wp-core-ui #poststuff select, .wp-core-ui .search-box input[name="s"], .wp-core-ui #bulk-action-selector-top, .wp-core-ui #filter-by-date { border-color: #a0aec0; } .wp-core-ui #search-submit, .wp-core-ui #doaction, .wp-core-ui #doaction2, .wp-core-ui #post-query-submit{ border-color : hsl(215,13.8%,54.1%); } /* Template Page */ .post-type-es_template b{ font-weight:600; } .post-type-es_template #wp-content-editor-tools{ padding-top: 18px; z-index: 1; } /* Template Page : end */ /* Upselling css: end */ #ig_es_workflow_integration_information .postbox-header{ display: none; } #ig_es_workflow_integration_information { border:none; border-radius: 5px; } #ig_es_workflow_integration_information .inside div{ margin-top : 0px; margin-bottom : 0px; } .premium-icon { display: inline-block; color: #319795; width: 44px; height: 20px; position: relative; } .premium-icon-rocket { display: inline-block; vertical-align: middle; color: #319795; width: 20px; height: 21px; padding-top: 0.25rem; background: url(../images/premium-icon-white.svg); } .premium-icon::before { font-size: 11px; font-weight: 500; padding: 0px 10px; border-radius: 5px; background-color: #e7e6fd; color: #5850ec; position: absolute; line-height: 1.8; left: 0; top: 50%; transform: translate(0, -50%); width: 100%; height: 100%; } .premium-icon.max::before { content: 'MAX'; } .premium-icon::before { content: 'PRO'; } .es-mailer-logo .premium-icon { position: absolute; top: 0; right: 0; } .es-mailer-logo { position: relative; } .es-mailer-logo .premium-icon::before { border-radius: 0; border-top-right-radius: 5px; } #ig-es-campaign-gallery-items-wrapper .premium-icon { display: none; } .trial-icon { display: inline-block; vertical-align: middle; color: #319795; width: 20px; height: 21px; padding-top: 0.25rem; background: url('../images/trial-icon.svg'); } #ig-es-trial-to-premium-notice p { line-height: 2em; } /* Upselling css : end */ .es-mail-toggle-dot{ margin-top: 0.19rem !important; width: 0.85rem !important; height: 0.8rem !important; } .es-mail-toggle-line{ height: 1.2rem !important; } .es_campaign_report #sr_no{ width:4em !important; } #es_country_flag, .es_campaign_report #country_flag{ width:3em !important; } .es_campaign_report:not( .es_campaign_premium ) #email{ width:18em !important; } .es_campaign_report #device{ width: 5em !important; padding-left:0; } .es_campaign_report #status { width: 6em !important; } .es_campaign_report #os{ width: 8em !important; } .es_campaign_report #email_client, .es_campaign_report #sent_at, .es_campaign_report #opened_at { width: 14em !important; } #es-flag-icon{ width:2em !important; line-height: 1.5em; } .es_campaign_report .tablenav.top{ display: none; } @media only screen and (max-width: 1200px) and (min-width: 768px) { .es_campaign_report #email_client, .es_campaign_report #sent_at, .es_campaign_report #opened_at { width: 9em !important; } .es_campaign_report #status { width: 4em !important; } .es_campaign_report #os{ width: 7em !important; } } @media only screen and (max-width: 1330px) and (min-width: 1201px) { .es_campaign_report #email_client, .es_campaign_report #sent_at, .es_campaign_report #opened_at { width: 12em !important; } } .ig-es-attachment-container{ margin-left: -120px; margin-right: -200px; } /* Import Subscriber */ .step2 { display: none; overflow:auto !important; } .step2-status, .step2-list, .step2-update-existing-subscribers, .progress.finished,.importing-progress.finished, .wrapper-start-contacts-import{ display: none; } .progress.paused span.bar, .progress.error span.bar, .importing-progress.paused span.bar, .importing-progress.error span.bar{ background: #D54E21; opacity: 0.8; } .progress span.bar:before,.importing-progress span.bar:before{ content: ''; display: block; top: -2px; bottom: -2px; width: 20%; min-width: 50px; left: 0%; position: absolute; background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.2) 50%,rgba(255,255,255,0) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.2) 50%,rgba(255,255,255,0) 100%); -webkit-animation: progressindicator 0.75s ease infinite; animation: progressindicator 0.75s ease infinite; } @-webkit-keyframes progressindicator { 0%{left:-20%;} 100%{left:120%;} } @keyframes progressindicator { 0%{left:-20%;} 100%{left:120%;} } .upload-method-or { font-size: 23px; text-align: center; line-height: 11em; position: relative; } .upload-method-or::before { content: ''; display: block; height: 100%; width: 1px; position: absolute; background-color: #d2d5dc; z-index: 0; left: 50%; } .upload-method-or .seperator-text { background: #fff; position: relative; } .es-import-option .es-logo-wrapper { min-height: 40px; } .es-import-option .wc-importer-heading img { width: 45px; } /* Import Subscriber: end; */ .tablenav { padding-top: 0px !important; clear: none !important; } .es_campaign_report table.reports{ position: static !important; } .es-campaign-reports-table{ padding-top: 0 !important; } .es-pulse-animation{ animation: es-pulse-animation 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; } @keyframes es-pulse-animation { 0%, 100% { opacity: 1; } 50% { opacity: .5; } } #es_campaign_report tbody tr td.country_flag{ font-size: 0; } /* Campaign Rules CSS - Start */ .ig-es-conditions-wrap .ig-es-condition-group:after, .ig-es-conditions-wrap .ig-es-condition:after{ content: attr(data-operator); position: absolute; left: 320px; padding: 3px 1px; text-transform: uppercase; color: #999; font-size: 16px; line-height: 1em; z-index: 1; bottom: -35px; } .ig-es-conditions-wrap .ig-es-condition:after{ background-color: #fff; padding: 2px 10px; font-size: 14px; bottom: -10px; left: 300px; } .ig-es-conditions-wrap .ig-es-condition-group:last-child:after, .ig-es-conditions-wrap .ig-es-condition:last-child:after, .ig-es-condition-container{ display: none; } .ig-es-conditions-wrap .ig-es-condition-group:last-child, .ig-es-conditions-wrap .ig-es-condition:last-child{ margin-bottom: 0; } .ig-es-conditions-wrap .ig-es-condition, .ig-es-conditions-wrap .ig-es-condition-empty{ border-bottom: 1px dotted #DFDFDF; background-color: #fff; position: relative; } .ig-es-conditions-wrap .ig-es-condition:last-child{ border-bottom: none; } .ig-es-conditions-field-fields, .ig-es-conditions-operator-fields, .ig-es-conditions-value-fields{ float: left; max-width: 37%; padding-right: 4px; } .ig-es-conditions-value-fields:not([data-condition="email"]):not([data-condition="country_code"]):not([data-condition="engagement_score"]):not([data-condition="bounce_status"]):not([data-condition^="cf_"]) { max-width: 60%; } .ig-es-conditions-value-fields .select2-container--default .select2-selection--multiple .select2-selection__choice, .es-post-type-categories .select2-container--default .select2-selection--multiple .select2-selection__choice, .ig-es-form-multiselect + .select2-container--default .select2-selection--multiple .select2-selection__choice { margin-bottom: 0; margin-top: 4px; } .ig-es-conditions-value-fields .select2-container .select2-search--inline, .es-post-type-categories .select2-container .select2-search--inline, .ig-es-form-multiselect + .select2-container .select2-search--inline { margin-bottom: 0; } .ig-es-conditions-value-fields .select2-container:not(.select2-container--focus) .select2-search--inline:not(:only-child), .ig-es-post-notification-form .select2-container:not(.select2-container--focus) .select2-search--inline:not(:only-child), .es-post-type-categories .select2-container:not(.select2-container--focus) .select2-search--inline:not(:only-child), .ig-es-form-multiselect + .select2-container:not(.select2-container--focus) .select2-search--inline:not(:only-child) { display: none; } .ig-es-conditions-value-fields .select2-container .select2-search--inline .select2-search__field, .es-post-type-categories .select2-container .select2-search--inline .select2-search__field { margin-top: 0; min-height: 20px; height: 24px; } .ig-es-conditions-value-fields .select2-container .select2-selection--multiple, .es-post-type-categories .select2-container .select2-selection--multiple { min-height: 30px; } .rtl .ig-es-conditions-field-fields,.rtl .ig-es-conditions-operator-fields,.rtl .ig-es-conditions-value-fields{ float: right; padding-right: 0px; padding-left: 4px; } .ig-es-conditions-operator-fields{ max-width: 140px; } .ig-es-conditions-operator-field, .ig-es-conditions-value-field{ display: none; } .ig-es-conditions-operator-field.active, .ig-es-conditions-value-field.active{ display: block; } .ig-es-conditions-wrap select, .ig-es-conditions-wrap input{ max-width: 100% } .ig-es-conditions-wrap .ig-es-condition-empty{ background-color: none; border: 1px dotted #DFDFDF; text-align: center; padding: 10px 0 10px; } .ig-es-conditions-wrap .remove-condition{ visibility: hidden; } .rtl .ig-es-conditions-wrap .remove-condition{ float: left; } .ig-es-conditions-wrap .ig-es-condition:hover .remove-condition{ visibility: visible; } /*.ig-es-conditions-wrap .add-or-condition{ position: absolute; bottom: 12px; z-index: 1; } */ .ig-es-conditions-wrap .datepicker.condition-value{ width: 100px; } .ig-es-condition .ig-es-conditions-value-field p, .ig-es-condition .ig-es-conditions-value-field ul{ margin: 0; } .ig-es-condition-render span.ig-es-condition-type { float: left; padding-right: 2px; } .rtl .ig-es-condition-render span.ig-es-condition-type { float: right; padding-right: 0; padding-left: 4px; } .ig-es-conditions-wrap .ig-es-conditions-value-field-multiselect:first-child{ display: inline-block; } .ig-es-conditions-wrap .ig-es-conditions-value-field-multiselect .condition-value{ width: 180px; } .ig-es-conditions-wrap .ig-es-conditions-value-field-multiselect a.ig-es-condition-add-multiselect, .ig-es-conditions-wrap .ig-es-conditions-value-field-multiselect:first-child span, .ig-es-conditions-wrap .ig-es-conditions-value-field-multiselect a.ig-es-condition-remove-multiselect{ visibility: hidden; } .ig-es-conditions-wrap .ig-es-conditions-value-field-multiselect a{ cursor: pointer; } .ig-es-conditions-wrap .ig-es-conditions-value-field-multiselect:hover a.ig-es-condition-remove-multiselect, .ig-es-conditions-wrap .ig-es-conditions-value-field-multiselect:last-child a.ig-es-condition-add-multiselect{ visibility: visible; } .ig-es-conditions-wrap .ig-es-conditions-value-field-multiselect:first-child a.ig-es-condition-remove-multiselect{ visibility: hidden !important; } div.ig-es-conditions-render-wrapper::after, .ig-es-conditions-render-wrapper .ig-es-conditions-render::after { content: ''; display: block; clear: both; } .ig-es-conditions-render-wrapper .ig-es-conditions-render { margin: 10px 0 10px 0; padding: 5px 0 5px 8px; border: 0.5px solid rgb(210, 214, 220); border-radius: 0.25rem; } .ig-es-conditions-wrap .ig-es-conditions-value-field-multiselect:not(:first-child) { margin-top:0.5rem; } .es-add-or-condition{ border: hsl(215,13.8%,54.1%); color: rgb(75, 85, 99); border: 1px solid hsl(215,13.8%,54.1%); top:67px; } /*.es-report-description .ig-es-condition-render-group span, .es-report-description .ig-es-condition-render-group{ float:none !important; clear:none !important; } .es-report-description .ig-es-condition-render-group, .es-report-description .ig-es-conditions-render{ display: inline-block !important; font-weight:normal; }*/ body[class*="es_reports"] .ig-es-condition-render-group span, body[class*="es_reports"] .ig-es-condition-type span, body[class*="es_reports"] span.ig-es-condition-type{ font-weight: normal; color: rgba(22, 30, 46, 1); padding-right:1px; } body[class*="es_reports"] .recipient-text { position: absolute; top: 12px; } /* Hide total contacts count on the sequence page */ .es_sequences_wrapper .campaign-conditions-total-contacts { display:none; } .es_sequences_wrapper .ig-es-conditions-render-wrapper, .es_sequences_wrapper .ig-es-campaign-rules{ width:100%; } .es_sequences_wrapper .ig-es-conditions-render-wrapper .ig-es-conditions-render{ border: none; margin:5px 0; } .email-subscribers_page_es_newsletters .ig-es-condition-render-group, .email-subscribers_page_es_newsletters .ig-es-condition-operators{ clear: both; } #campaign_form .recipient-text { display: none; } .ig_es_feature_name .es-tooltip span{ background-color: #000 !important; } /* Campaign Rules CSS - END */ /** Tailwind tooltip Custom CSS - START */ .es-tooltip:hover .tooltip-text { visibility: visible; } .es-tooltip .tooltip-text { bottom: 25px; transform: translate(-50%,0%); left: 50%; opacity: 0.9; z-index: 9999; } .es-tooltip .tooltip-text svg { left: 50%; transform: translate(-50%, 0px); } /** Tailwind tooltip Custom CSS - END */ /** Import subscribers CSS - START */ .es-importer-logo { width: 160px; min-height: 135px; } /** Import subscribers CSS - END */ .es-items-lists table.fixed{ overflow:visible !important; border-color:transparent; } /** Add/Edit Contact CSS - START **/ #es-admin-contact-form .form-input[type=email] { padding: .5rem 3rem .5rem 2.5rem; line-height: 1.5; } /** Add/Edit Contact CSS - END **/ /** REPORTS STATUS COLUMN CSS - START **/ body[class*="es_reports"] .column-status .row-actions { display: inline; position: static; /** Fixes issue when admin click on view report link and then hover over pause/resume/send icons*/ } body[class*="es_reports"] .column-status .row-actions span { font-size: 0; vertical-align: middle; } body[class*="es_reports"] .column-status .row-actions::before { content: '|'; display: inline-block; margin: 0 .5em; } body[class*="es_reports"] #the-list tr[data-status*="paused"] { --bg-opacity: 1; background-color: #f4f5f7; background-color: rgba(244,245,247,var(--bg-opacity)); } body[class*="es_campaigns"] #the-list tr.loading, body[class*="es_reports"] #the-list tr.loading { opacity: 0.5; } body[class*="es_campaigns"] #the-list td.column-status > svg:only-child, body[class*="es_reports"] #the-list td.column-status > svg:only-child { margin-left: .5rem; } /** REPORTS STATUS COLUMN CSS - END **/ /** Audience CSS - START **/ body[class*="page_es_subscribers"] .wp-list-table.contacts th#created_at, body[class*="page_es_subscribers"] .wp-list-table.contacts th#last_opened_at { width: 170px; } /** Audience CSS - END **/ /** Editor CSS - START **/ .es-editor .es-sidebar .search-holder input{ width: 275px !important; } .es-editor .es-sidebar .search-holder i{ right: 25px !important; top: 25px !important; } .es-editor .gjs-field-checkbox input { content: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M5.707 7.293a1 1 0 0 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0l4-4a1 1 0 0 0-1.414-1.414L7 8.586 5.707 7.293z'/%3e%3c/svg%3e"); display: inline-block; color: #5850ec!important; color: rgba(88,80,236,var(--text-opacity))!important; } .es-editor i.gjs-chk-icon { display: none; } .es-editor .gjs-field-checkbox input:checked { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.707 7.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4a1 1 0 00-1.414-1.414L7 8.586 5.707 7.293z'/%3E%3C/svg%3E"); border-color: transparent; background-color: currentColor; background-size: 100% 100%; background-position: 50%; background-repeat: no-repeat } #ig-es-post-settings-section input.es_custom_post_type[type="checkbox"] { display: inline-block; appearance: none; width: auto; } #ig-es-post-settings-section input.es_custom_post_type + label { display: inline-block; width: auto } #gj-settings-container .checkbox-section { display: block; } #gj-settings-container .checkbox-section input[type="checkbox"] { display: inline-block; width: auto; } #gj-settings-container .checkbox-section input[type="checkbox"] + label { display: inline-block; width: auto } body.icegram-express_page_es_campaigns #wpfooter { position: static; } /** Editor CSS - END **/ /** New Campaign UI CSS - START **/ #toggle-sender-details.toggled svg { transform: rotate(180deg); transition: tranform ease; } .campaign-preview-option { border: 1px solid #fff; border-radius: 3px; } .campaign-preview-option.active { border-color: #ccc; } #campaign-preview-iframe-container, #sequence-preview-iframe-container, #workflow-preview-iframe-container { --bg-opacity: 1; background-color: #f4f5f7; background-color: rgb(244, 245, 247); } #campaign-preview-iframe-container iframe { background-color: #fff; } #sequence-preview-iframe-container iframe { background-color: #fff; } #workflow-preview-iframe-container iframe { background-color: #fff; } #ig-es-tags-dropdown, #ig-es-tag-icon-dropdown { height: 300px; overflow: hidden scroll; } .campaign-email-preview-container-left { font-size: 13px; color: #787878; display: inline-block; } .campaign-email-preview-container-right { float: right; } #campaign-email-preview-container .from { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 430px; } #unsubscribe_feedback_graph .chart-legend { display: none; } span.feedback_reason_dot { width: 10px; height: 10px; border-radius: 50%; } #close-sequence-email-preview-popup, #close-workflow-email-preview-popup, #close-campaign-preview-popup, #close-unsubscribe-feedback-popup { margin-left: auto; } #campaign-email-preview-container { position: relative; z-index: 5; padding: 0px 30px 40px 30px; box-shadow: rgb(0 0 0 / 5%) 0 1px 2px 1px; border-bottom: 1px solid #e4e4e4; background: #fff; margin-top: 4px; } .ig-es-inline-loader { position: relative; } .ig-es-inline-loader .es-btn-loader { position: absolute; display: none; } .ig-es-inline-loader.loading .es-btn-loader { display: block; } .ig-es-inline-loader.loading span { visibility: hidden; } .ig-es-ajax-loader{ visibility: hidden; background-color: rgb(255,255,255,0.7); position: absolute; z-index: +100; width: 100%; height:100%; } .ig-es-ajax-loader img{ position: relative; top:15%; left:35%; } .campaign-preview-option { margin: 0 0.2rem; padding: .1rem; } #edit-campaign-form-container #ig-es-dnd-builder .es-editor { margin: 0; } #edit-campaign-form-container #ig-es-dnd-builder { margin-left: 0; } /* #edit-campaign-form-container #ig-es-dnd-builder .es-top-bar { width: 70.2%; position: relative; } */ /* #edit-campaign-form-container #ig-es-dnd-builder .es-content { width: 95%; } */ #edit-campaign-form-container.drag-and-drop .campaign_main_content { padding-bottom: 0; } #edit-campaign-form-container.drag-and-drop .message-label-wrapper, #edit-campaign-form-container.drag-and-drop .message-label-wrapper label { padding-bottom: 0; } #edit-campaign-form-container #undo-redo-actions { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } #edit-campaign-form-container #toggle-template-preview, #edit-campaign-form-container #export-html-template { display: none; } #edit-campaign-form-container #ig-es-dnd-builder .es-top-bar { position: relative; } #ig-es-post-notification-settings-popup .ig-es-campaign-number-of-post-wrapper .field-heading { width: auto; margin-right: 1rem; line-height: 1.7rem; } #edit-campaign-form-container #post_digest { width: 100%; padding: 0.5rem 0; } #edit-campaign-form-container.drag-and-drop .campaign-keyword-wrapper { width: 70.3%; margin-top: 0; } #edit-campaign-form-container #ig-es-dnd-builder .es-content .gjs-cv-canvas, #ig-es-dnd-builder .es-content .gjs-editor { border-bottom-left-radius: 0; -webkit-box-shadow: none; box-shadow: none; } #ig-es-tag-icon-dropdown .ig-es-campaign-tags.post_digest { display: none; } #edit-campaign-form-container[data-campaign-type="newsletter"] .gjs-block-category:nth-child(2), #edit-campaign-form-container:not([data-campaign-type="post_digest"]) .gjs-block[title="Posts"] { display: none; } /** New Campaign UI CSS - END **/ /** Workflow Gallery CSS - START **/ .ig-es-workflow-gallery-item-detail { width: 85%; } .ig-es-workflow-gallery-item-actions { width: 15%; } .ig-es-workflow-gallery-item:last-child { border-bottom: none; margin-bottom: 0; } /** Workflow Gallery CSS - END **/ /** Trial CSS - START **/ #ig-es-trial-expired-block .block-description, #ig-es-trial-optin-block .block-description, #ig-es-trial-active-block .block-description { width: auto!important; } /** Trial CSS - END **/ /** Onboarding CSS - START **/ #es-trial-optin-section.disabled { color: #8b8f95; pointer-events: none; } /** Onboarding CSS - END */ /** Enagement Score CSS - START **/ /* Variables */ .es-items-lists table.contacts, .dashboard-engagement-score-stat { --rating-size: 30px; --bar-size: 3px; --background-color: #e7f2fa; --rating-color-default: #2980b9; --rating-color-background: #c7e1f3; --rating-color-excellent: #56C624; --rating-color-good: #AAD31F; --rating-color-low: #FCD10F; --rating-color-very-low: #FD7925; --rating-color-bad: #FF2F22; --bounce-color-background-low: rgba(255,165,0,0.1); --bounce-color-background-high: rgba(255,0,0,0.1); } .es-items-lists table.contacts #engagement_score { width: 70px; } /* Rating item */ .es-items-lists table.contacts .es-engagement-score, .dashboard-engagement-score-stat .es-engagement-score { position: relative; display: flex; align-items: center; justify-content: center; border-radius: 100%; overflow: hidden; background: var(--rating-color-default); color: var(--rating-color-default); width: var(--rating-size); height: var(--rating-size); /* Basic style for the text */ font-size: calc(var(--rating-size) / 3); line-height: 1; } /* Rating circle content */ .es-items-lists table.contacts .es-engagement-score span, .dashboard-engagement-score-stat .es-engagement-score span { position: relative; display: flex; font-weight: normal; color:#000; z-index: 2; } .es-items-lists table.contacts .es-engagement-score span small, .dashboard-engagement-score-stat .es-engagement-score span small { font-size: 0.5em; font-weight: 900; align-self: center; } /* Bar mask, creates an inner circle with the same color as thee background */ .es-items-lists table.contacts .es-engagement-score::after, .dashboard-engagement-score-stat .es-engagement-score::after { content: ""; position: absolute; top: var(--bar-size); right: var(--bar-size); bottom: var(--bar-size); left: var(--bar-size); background: var(--background-color); border-radius: inherit; z-index: 1; } /* Bar background */ .es-items-lists table.contacts .es-engagement-score::before, .dashboard-engagement-score-stat .es-engagement-score::before { content: ""; position: absolute; top: var(--bar-size); right: var(--bar-size); bottom: var(--bar-size); left: var(--bar-size); border-radius: inherit; box-shadow: 0 0 0 1rem var(--rating-color-background); z-index: -1; } /* Classes to give different colors to ratings, based on their score */ .es-items-lists table.contacts .es-engagement-score.excellent, .dashboard-engagement-score-stat .es-engagement-score.excellent { background: var(--rating-color-excellent); color: var(--rating-color-excellent); } .es-items-lists table.contacts .es-engagement-score.good, .dashboard-engagement-score-stat .es-engagement-score.good { background: var(--rating-color-good); color: var(--rating-color-good); } .es-items-lists table.contacts .es-engagement-score.low, .dashboard-engagement-score-stat .es-engagement-score.low { background: var(--rating-color-low); color: var(--rating-color-low); } .es-items-lists table.contacts .es-engagement-score.very-low, .es-items-lists table.contacts .es-engagement-score.very-low { background: var(--rating-color-very-low); color: var(--rating-color-very-low); } .es-items-lists table.contacts .es-engagement-score.bad, .dashboard-engagement-score-stat .es-engagement-score.bad { background: var(--rating-color-bad); } .es-items-lists table.contacts .es-engagement-score.bad span, .dashboard-engagement-score-stat .es-engagement-score.bad span { color: var(--rating-color-bad);; } .es-items-lists table.contacts #es_email_status, .dashboard-engagement-score-stat #es_email_status { width: 120px; } .ig_es_contacts_table { margin-top: 2rem !important; } /* .es-tooltip .tooltip-text #device_open_graph svg, .es-tooltip .tooltip-text #sources_graph svg, .es-tooltip .tooltip-text #unsubscribe_feedbacks_graph svg { left: 0; transform: none; top: 50%;} #es-dashboard-stats .tooltip-text {background: transparent;} #es-dashboard-stats .es-tooltip .tooltip-text {right: 25px; top: 50%;left: initial;transform: translate(50%,0%); /* left: 50%; */ /* opacity: 0.9;z-index: 999;} */ /* #es-dashboard-stats svg.tooltip-arrow {display: none;} */ /** Enagement Score CSS - END **/ /** DND form build CSS - START **/ #es-edit-form input#es-form-name { outline: none; cursor: pointer; } #es-edit-form input#es-form-name:not([readonly]) { background: #fff; } .es-editor .gjs-one-bg .gjs-field .es-gjs-checkbox-group input[type="checkbox"] { width: auto; } #ig-es-dnd-builder .gjs-field.gjs-field-checkbox-group { border: none; } #es-edit-form-container #ig-es-dnd-builder .es-content #es-email-subscribers {padding: 15px;background-color:#fff} #es-edit-form-container #ig-es-dnd-builder .es-content .gjs-editor, #ig-es-dnd-builder .es-content .gjs-editor .gjs-cv-canvas, #es-edit-form-container #ig-es-dnd-builder .es-content { box-shadow: none; border-top-left-radius: unset; border-bottom-left-radius: unset; } #es-edit-form-container .gjs-block__media svg { width: 35px; height: 35px; } /** DND form build CSS - END **/ /** Workflow Rules CSS - START **/ .ig-es-rule-group:not(:first-child){ margin-top:20px; border-top: 2px solid #CCC; } .ig-es-rule-group,.ig-es-rule-container,.ig-es-rule-group .ig-es-rule__fields,.ig-es-rule__fields .select2-container{ width: 100% !important; } .ig-es-rule__fields .ig-es-rule-select-container{ width: 26%; } .ig-es-rule__fields .ig-es-rule-field-compare{ width: 16%; } .ig-es-rule__fields .ig-es-rule-field-value{ width: 58%; } /** Workflow Rules CSS - END **/ #ig-es-log-files-container .select2-container--default .select2-selection--single { height: 34px; } #ig-es-log-files-container .select2-container--default .select2-selection--single .select2-selection__arrow b { background: #fff url('../images/arrow.svg') no-repeat; border: none; height: 15px; width: 20px; position: absolute; margin-top: 0px; transform: translate(-50%, -50%); } .ig-es-log-file-name { line-height: 32px; } .ig-es-log-files-dropdown { width:300px; } #ig_es_log_content { overflow-y: auto; } #ig_es_ess_promotion_message p { margin: 0; } .icegram-express_page_es_campaigns [data-placeholder]::after { content: " "; box-shadow: 0 0 50px 9px rgba(254,254,254); position: absolute; top: 0; left: -100%; height: 100%; animation: load 1s infinite; } @keyframes load { 0%{ left: -100%} 100%{ left: 150%} } /* Campaign UI */ #qt_es-campaign-body_toolbar .ed_button { width: auto; display: inline-block; }