/** 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: var(--brand-color);
}

#menu-nav li a.active {
	color: #FFF;
}

ul#menu-nav li:hover {
	border: 1px solid var(--brand-color-2);
}

.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-15 {
	width: 15%;
}

.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;
}

.es-ellipsis-text {
    text-overflow: ellipsis;
    overflow: hidden;
    width: 220px;
    white-space: nowrap;
    display: inline-block;
}
/**** 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: 3.3rem;
	left: 8.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;
	width: 10rem;
}

.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,.ig-es-recommended-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,.ig-es-recommended-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-label[data-mailer="icegram"] .es-mailer-logo {
    background-color: #e7e6fd;
}

.es-mailer-logo {
    position: relative;
}

.es-mailer-logo .premium-icon ,.es-mailer-logo .ig-es-recommended-icon{
    position: absolute;
    top: 0;
    right: 0;
}

.es-mailer-logo .ig-es-recommended-icon {
    width: 80px;
    border-top-right-radius: 5px;
    font-size: 9px;
    font-weight: 500;
    line-height: 1.2rem;
}

#ig-es-icegram-mailer-promotion-popup .ig-es-popup {
    width: 26.33%;
}

.es-mailer-logo .premium-icon::before, .es-mailer-logo .ig-es-recommended-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:7em !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: 8em !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: 5px !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 0.5rem .5rem 2.5rem;
    line-height: 1.5;
	width: 15.625rem;
}
/** 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; */
	width:20px;
	height:20px;
	background-color: #5e19cf;
	margin-left: 4px;
	border-radius: 4px;
}

#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: 110px;
}

/* 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: 130px;
}

.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 ,#ig_es_ess_promotion_mailer_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;
}

#wp-es-campaign-body-editor-container .quicktags-toolbar{
	display: flex;
}

body.icegram-express_page_es_campaigns #wpcontent {
    padding-left: 0;
}

body.icegram-express_page_es_subscribers #wpcontent {
    padding-left: 0;
}

body.icegram-express_page_es_lists #wpcontent {
    padding-left: 0;
}

body.icegram-express_page_es_forms #wpcontent {
    padding-left: 0;
}

/* Contacts Table UI */
.contacts-report-table tr td {
	vertical-align: top;
}

.total-contact-count-text {
	font-size: 1.875rem;
}

.total-countries-count-text {
	font-size: 1.875rem;
}

.subscriber-right-border-width {
	border-right-width: 1px;
}

/* Bulk action button css */
.icegram-express_page_es_subscribers #doaction, .icegram-express_page_es_lists #doaction, .icegram-express_page_es_lists #doaction2, .icegram-express_page_es_forms #doaction, .icegram-express_page_es_forms #doaction2, .icegram-express_page_es_reports #doaction, .icegram-express_page_es_reports #doaction2  {
    background-color: var(--secondary);
    --tw-text-opacity: 1;
    color: rgb(22 30 46 / var(--tw-text-opacity));
	border-color: transparent !important;
	border-radius: 0.375rem;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 600;
}

.icegram-express_page_es_subscribers #doaction:hover, .icegram-express_page_es_lists #doaction:hover, .icegram-express_page_es_lists #doaction2:hover, .icegram-express_page_es_forms #doaction:hover, .icegram-express_page_es_forms #doaction2:hover, .icegram-express_page_es_reports #doaction:hover, .icegram-express_page_es_reports #doaction2:hover {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0.5px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-color: var(--brand-color-2);
}


/* Forms Custom field pro & max button icon */
.icegram-express_page_es_forms .es_custom_field_link .premium-icon {
	position: absolute;
    right: 10px;
    bottom: 52px;
}

.icegram-express_page_es_forms table.forms th#preview {
	width: 12rem;
}

.icegram-express_page_es_forms table.forms td.preview {
	float: left;
}

.icegram-express_page_es_forms table.forms td.preview img {
	width: 80%;
}

.icegram-express_page_es_forms table.forms th#total_active_subscribers {
	width: 8rem;
}

/* Reports export pro & max button icon */
.icegram-express_page_es_reports .es_export_report_link .premium-icon {
	position: absolute;
    right: 0;
    bottom: 68px;
}

/* mark tag CSS */
.ig-es-mark {
    background-image: linear-gradient(-100deg, hsla(58, 92%, 75%, .4), hsla(58, 92%, 75%, .8) 95%, hsla(58, 92%, 75%, .2));
    border-radius: 1em 0 1em 0;
}

#gj-settings-container .checkbox-section input[type="checkbox"] {
	width:20px;
	height:20px;
	background-color: #5e19cf;
	margin-left: 4px;
	border-radius: 4px;
}

#gj-settings-container .checkbox-section input[type=checkbox]:checked::before,
#ig-es-post-settings-section input[type=checkbox]:checked::before {
    content: '' !important;
	margin: -.1875rem 0 0 -.25rem;
    height: 1.3125rem;
    width: 1.3125rem;
}

#gj-settings-container .gjs-field{
	border: 0px !important;
}

/* ESS enable checkbox & new tag CSS*/
.ess-checkbox-animate {
	position: relative;
	cursor: pointer;
}
.ess-checkbox-animate input {
	opacity: 0;
	position: absolute;
	left: 0;
	top: 6px;
	z-index: 1;
}
.ess-input-check {
	display: inline-block;
	width: 1rem;
	height: 1rem;
	border-radius: 4px;
	border: 2px solid #ccc;
	position: relative;
	top: 6px;
	transition: 0.4s;
	margin-right: 0.2rem;
}

.ess-input-check::before {
	content: '';
	display: inline-block;
	width: 8px;
	height: 5px;
	border-bottom: 3px solid #fff;
	border-left: 3px solid #fff;
	transform: scale(0) rotate(-45deg);
	position: absolute;
	top: 3px;
	left: 2px;
	transition: 0.4s;
}

.ess-checkbox-animate input:checked ~ .ess-input-check {
	background-color: rgba(88,80,236,var(--text-opacity));
	border-color: rgba(88,80,236,var(--text-opacity));
	animation-name: ess-input-animate;
	animation-duration: 0.7s;
}

.ess-checkbox-animate input:checked ~ .ess-input-check::before {
	transform: scale(1) rotate(-45deg);
	animation-name: ess-input-check;
	animation-duration: 0.2s;
	animation-delay: 0.3s;
}

@keyframes ess-input-animate {
	0% {
		transform: scale(1);
	}
	40%{
		transform: scale(1.3,0.7);
	}
	55% {
		transform: scale(1);
	}
	70% {
		transform: scale(1.2,0.8);
	}
	80% {
		transform: scale(1);
	}
	90% {
		transform: scale(1.1,0.9);
	}
	100% {
		transform: scale(1);
	}
}

@keyframes ess-input-check {
	0% {
		transform: scale(0) rotate(-45deg);
	}
	100% {
		transform: scale(1) rotate(-45deg);
	}
}

.ess-new-feature {
	font-size: 10px;
	padding: 5px 10px;
	display: inline-block;
	position: relative;
	top: -9px;
	right: 10px;
	font-weight: 800;
	color: #5850ec;
	letter-spacing: 1px
}
/* End */

/* Add new list popup */

/* Modal Overlay */
#ig-es-add-list-modal {
    position: fixed;
    inset: 0;
    z-index: 50;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.5);
}

/* Modal Content */
#ig-es-add-list-modal .modal-content {
    background-color: white;
    padding: 20px;
    width: 500px;
    border-radius: 4px;
    position: relative;
    z-index: 99;
}

/* Modal Title */
#ig-es-add-list-modal .modal-title {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 16px;
}

/* Close Button */
#ig-es-add-list-modal .modal-close {
    position: absolute;
    top: 10px;
    right: 10px;
}

#ig-es-add-list-modal .close-button {
    background: none;
    border: none;
    font-size: 24px;
    cursor: pointer;
    color: #666;
}

/* Form Group */
#ig-es-add-list-modal .form-group {
    margin-bottom: 16px;
}

/* Form Labels */
#ig-es-add-list-modal .form-label {
    display: block;
    font-size: 14px;
    color: #333;
}

/* Form Inputs */
#ig-es-add-list-modal .form-input,
#ig-es-add-list-modal .form-textarea {
    width: 100%;
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 14px;
    box-shadow: none;
}

#ig-es-add-list-modal .form-input:focus,
#ig-es-add-list-modal .form-textarea:focus {
    outline: none;
    border-color: #6366f1;
}

/* Buttons */
#ig-es-add-list-modal .button-cancel {
    background-color: f9f6ff;
    color: #4a5568;
    margin-right: 10px;
    cursor: pointer;
	width: 68px;
    height: 36px;
    border-radius: 7px;
	font-weight: bold;
}

#ig-es-add-list-modal .button-cancel:hover {
    background-color: #f8f8f8;
	border: 1px solid #5e19cf;
}

#ig-es-add-list-modal .button-save {
    background-color: #5e19cf;
    color: white;
    padding: 8px 16px;
    cursor: pointer;
	width: 68px;
    height: 36px;
    border-radius: 7px;
	font-weight: bold;
}

#ig-es-add-list-modal .button-save:hover {
    background-color: #7230DF;
}

/* Spinner Container */
#ig-es-add-list-modal .spinner-container {
    display: none;
    margin-top: 16px;
    text-align: center;
}

#ig-es-add-list-modal .spinner-container img {
    display: inline-block;
    vertical-align: middle;
}

#ig-es-add-list-modal.inactive {
    display: none; 
}

#ig-es-add-list-modal .form-actions {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 1rem;
}

#ig-es-add-list-modal #ig-es-list-message {
    margin-left: 10px;
	max-width:290px; 
}

.ig-es-primary-link {
	background-color: var(--brand-color); 
	color: #ffffff; 
	padding: 0.5rem 1rem; 
	border-radius: 0.25rem; 
	text-decoration: none; 
	display: inline-block;
	font-weight: 700;
}

#icegram_messages_container .ig_data .ig_message .ig_qh_container{
    padding: 0 !important; 
    display: flex;
    align-items: center;
    justify-content: center;
}

.toplevel_page_es_dashboard #wpcontent {
	padding-left: 0;
}

.toplevel_page_es_dashboard #wpbody-content {
	padding: 0;
}

.toplevel_page_es_onboarding {
	overflow-y: hidden;
}

@keyframes fadeIn {
    0% {
      opacity: 0;
      transform: translateY(10px);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }
  
  @keyframes fadeOut {
    0% {
      opacity: 1;
      transform: translateY(0);
    }
    100% {
      opacity: 0;
      transform: translateY(-10px);
    }
  }
  
  .toplevel_page_es_onboarding .es-animate-fadeIn {
    animation: fadeIn 1s ease-in-out;
  }
  
  .toplevel_page_es_onboarding .es-animate-fadeOut {
    animation: fadeOut 1s ease-in-out;
  }

 .toplevel_page_es_dashboard .ig_es_offer_container {
	background: #f6f5f8;
	margin: 0;
 } 