/* default Select2 placeholder color for single dropdown */
@-webkit-keyframes fadeIn { 0% { opacity: .3; }
  100% { opacity: 1; } }
@keyframes fadeIn { 0% { opacity: .3; }
  100% { opacity: 1; } }

/***
Spectrum Colorpicker v1.8.0
https://github.com/bgrins/spectrum
Author: Brian Grinstead
License: MIT
***/
.sp-container { position: absolute; top: 0; left: 0; display: inline-block; *display: inline; *zoom: 1; /* https://github.com/bgrins/spectrum/issues/40 */ z-index: 9999994; overflow: hidden; }

.sp-container.sp-flat { position: relative; }

/* Fix for * { box-sizing: border-box; } */
.sp-container, .sp-container * { box-sizing: content-box; }

/* http://ansciath.tumblr.com/post/7347495869/css-aspect-ratio */
.sp-top { position: relative; width: 100%; display: inline-block; }

.sp-top-inner { position: absolute; top: 0; left: 0; bottom: 0; right: 0; }

.sp-color { position: absolute; top: 0; left: 0; bottom: 0; right: 20%; }

.sp-hue { position: absolute; top: 0; right: 0; bottom: 0; left: 84%; height: 100%; }

.sp-clear-enabled .sp-hue { top: 33px; height: 77.5%; }

.sp-fill { padding-top: 80%; }

.sp-sat, .sp-val { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }

.sp-alpha-enabled .sp-top { margin-bottom: 18px; }

.sp-alpha-enabled .sp-alpha { display: block; }

.sp-alpha-handle { position: absolute; top: -4px; bottom: -4px; width: 6px; left: 50%; cursor: pointer; border: 1px solid black; background: white; opacity: .8; }

.sp-alpha { display: none; position: absolute; bottom: -14px; right: 0; left: 0; height: 8px; }

.sp-alpha-inner { border: solid 1px #333; }

.sp-clear { display: none; }

.sp-clear.sp-clear-display { background-position: center; }

.sp-clear-enabled .sp-clear { display: block; position: absolute; top: 0px; right: 0; bottom: 0; left: 84%; height: 28px; }

/* Don't allow text selection */
.sp-container, .sp-replacer, .sp-preview, .sp-dragger, .sp-slider, .sp-alpha, .sp-clear, .sp-alpha-handle, .sp-container.sp-dragging .sp-input, .sp-container button { -webkit-user-select: none; -moz-user-select: -moz-none; -o-user-select: none; -ms-user-select: none; user-select: none; }

.sp-container.sp-input-disabled .sp-input-container { display: none; }

.sp-container.sp-buttons-disabled .sp-button-container { display: none; }

.sp-container.sp-palette-buttons-disabled .sp-palette-button-container { display: none; }

.sp-palette-only .sp-picker-container { display: none; }

.sp-palette-disabled .sp-palette-container { display: none; }

.sp-initial-disabled .sp-initial { display: none; }

/* Gradients for hue, saturation and value instead of images.  Not pretty... but it works */
.sp-sat { background-image: linear-gradient(to right, #fff, rgba(204, 154, 129, 0)); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)"; filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr='#FFFFFFFF', endColorstr='#00CC9A81'); }

.sp-val { background-image: linear-gradient(to top, #000, rgba(204, 154, 129, 0)); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)"; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CC9A81', endColorstr='#FF000000'); }

.sp-hue { background: linear-gradient(to bottom, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); }

/* IE filters do not support multiple color stops. Generate 6 divs, line them up, and do two color gradients for each. Yes, really. */
.sp-1 { height: 17%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#ffff00'); }

.sp-2 { height: 16%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00', endColorstr='#00ff00'); }

.sp-3 { height: 17%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff00', endColorstr='#00ffff'); }

.sp-4 { height: 17%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffff', endColorstr='#0000ff'); }

.sp-5 { height: 16%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000ff', endColorstr='#ff00ff'); }

.sp-6 { height: 17%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00ff', endColorstr='#ff0000'); }

.sp-hidden { display: none !important; }

/* Clearfix hack */
.sp-cf:before, .sp-cf:after { content: ""; display: table; }

.sp-cf:after { clear: both; }

.sp-cf { *zoom: 1; }

/* Mobile devices, make hue slider bigger so it is easier to slide */
@media (max-device-width: 480px) { .sp-color { right: 40%; }
  .sp-hue { left: 63%; }
  .sp-fill { padding-top: 60%; } }

.sp-dragger { border-radius: 5px; height: 5px; width: 5px; border: 1px solid #fff; background: #000; cursor: pointer; position: absolute; top: 0; left: 0; }

.sp-slider { position: absolute; top: 0; cursor: pointer; height: 3px; left: -1px; right: -1px; border: 1px solid #000; background: white; opacity: .8; }

/*
Theme authors:
Here are the basic themeable display options (colors, fonts, global widths).
See http://bgrins.github.io/spectrum/themes/ for instructions.
*/
.sp-container { border-radius: 0; background-color: #ECECEC; border: solid 1px #f0c49B; padding: 0; }

.sp-container, .sp-container button, .sp-container input, .sp-color, .sp-hue, .sp-clear { font: normal 12px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif; -ms-box-sizing: border-box; box-sizing: border-box; }

.sp-top { margin-bottom: 3px; }

.sp-color, .sp-hue, .sp-clear { border: solid 1px #666; }

/* Input */
.sp-input-container { float: right; width: 100px; margin-bottom: 4px; }

.sp-initial-disabled .sp-input-container { width: 100%; }

.sp-input { font-size: 12px !important; border: 1px inset; padding: 4px 5px; margin: 0; width: 100%; background: transparent; border-radius: 3px; color: #222; }

.sp-input:focus { border: 1px solid orange; }

.sp-input.sp-validation-error { border: 1px solid red; background: #fdd; }

.sp-picker-container, .sp-palette-container { float: left; position: relative; padding: 10px; padding-bottom: 300px; margin-bottom: -290px; }

.sp-picker-container { width: 172px; border-left: solid 1px #fff; }

/* Palettes */
.sp-palette-container { border-right: solid 1px #ccc; }

.sp-palette-only .sp-palette-container { border: 0; }

.sp-palette .sp-thumb-el { display: block; position: relative; float: left; width: 24px; height: 15px; margin: 3px; cursor: pointer; border: solid 2px transparent; }

.sp-palette .sp-thumb-el:hover, .sp-palette .sp-thumb-el.sp-thumb-active { border-color: orange; }

.sp-thumb-el { position: relative; }

/* Initial */
.sp-initial { float: left; border: solid 1px #333; }

.sp-initial span { width: 30px; height: 25px; border: none; display: block; float: left; margin: 0; }

.sp-initial .sp-clear-display { background-position: center; }

/* Buttons */
.sp-palette-button-container, .sp-button-container { float: right; }

/* Replacer (the little preview div that shows up instead of the <input>) */
.sp-replacer { margin: 0; overflow: hidden; cursor: pointer; padding: 4px; display: inline-block; *zoom: 1; *display: inline; border: solid 1px #91765d; background: #eee; color: #333; vertical-align: middle; }

.sp-replacer:hover, .sp-replacer.sp-active { border-color: #F0C49B; color: #111; }

.sp-replacer.sp-disabled { cursor: default; border-color: silver; color: silver; }

.sp-dd { padding: 2px 0; height: 16px; line-height: 16px; float: left; font-size: 10px; }

.sp-preview { position: relative; width: 25px; height: 20px; border: solid 1px #222; margin-right: 5px; float: left; z-index: 0; }

.sp-palette { *width: 220px; max-width: 220px; }

.sp-palette .sp-thumb-el { width: 16px; height: 16px; margin: 2px 1px; border: solid 1px #d0d0d0; }

.sp-container { padding-bottom: 0; }

/* Buttons: http://hellohappy.org/css3-buttons/ */
.sp-container button { background-color: #eeeeee; background-image: linear-gradient(to bottom, #eeeeee, #cccccc); border: 1px solid #ccc; border-bottom: 1px solid #bbb; border-radius: 3px; color: #333; font-size: 14px; line-height: 1; padding: 5px 4px; text-align: center; text-shadow: 0 1px 0 #eee; vertical-align: middle; }

.sp-container button:hover { background-color: #dddddd; background-image: linear-gradient(to bottom, #dddddd, #bbbbbb); border: 1px solid #bbb; border-bottom: 1px solid #999; cursor: pointer; text-shadow: 0 1px 0 #ddd; }

.sp-container button:active { border: 1px solid #aaa; border-bottom: 1px solid #888; -ms-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; -o-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; }

.sp-cancel { font-size: 11px; color: #d93f3f !important; margin: 0; padding: 2px; margin-right: 5px; vertical-align: middle; text-decoration: none; }

.sp-cancel:hover { color: #d93f3f !important; text-decoration: underline; }

.sp-palette span:hover, .sp-palette span.sp-thumb-active { border-color: #000; }

.sp-preview, .sp-alpha, .sp-thumb-el { position: relative; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==); }

.sp-preview-inner, .sp-alpha-inner, .sp-thumb-inner { display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; }

.sp-palette .sp-thumb-inner { background-position: 50% 50%; background-repeat: no-repeat; }

.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=); }

.sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=); }

.sp-clear-display { background-repeat: no-repeat; background-position: center; background-image: url(data:image/gif;base64,R0lGODlhFAAUAPcAAAAAAJmZmZ2dnZ6enqKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq/Hx8fLy8vT09PX19ff39/j4+Pn5+fr6+vv7+wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAUABQAAAihAP9FoPCvoMGDBy08+EdhQAIJCCMybCDAAYUEARBAlFiQQoMABQhKUJBxY0SPICEYHBnggEmDKAuoPMjS5cGYMxHW3IiT478JJA8M/CjTZ0GgLRekNGpwAsYABHIypcAgQMsITDtWJYBR6NSqMico9cqR6tKfY7GeBCuVwlipDNmefAtTrkSzB1RaIAoXodsABiZAEFB06gIBWC1mLVgBa0AAOw==); }

.mailpoet_button { background-color: #f8f8f8; border: 1px solid #ddd; border-radius: 3px; color: #a4a4a4; line-height: normal; margin: 0; padding: 6px 20px; vertical-align: top; }

.mailpoet_button_full { box-sizing: border-box; width: 100%; }

.mailpoet_button_primary { background-color: #2ea1cd; border-color: #0074a2; color: white; }

.mailpoet_button_primary:hover { background-color: #1e8cbe; }

.mailpoet_button_group { display: inline; }

.mailpoet_button_group .mailpoet_button:first-child { border-bottom-right-radius: 0; border-top-right-radius: 0; margin-right: 0; padding: 6px 12px; }

.mailpoet_button_group .mailpoet_button:last-child { border-bottom-left-radius: 0; border-left: 0; border-top-left-radius: 0; margin-left: 0; padding-left: 10px; padding-right: 10px; }

.admin_page_mailpoet-newsletter-editor a { color: #2ea1cd; text-decoration: none; }

.admin_page_mailpoet-newsletter-editor .mailpoet_hidden { display: none !important; }

.admin_page_mailpoet-newsletter-editor .mailpoet_form_narrow_select2 span.select2-container { width: 103px !important; }

.admin_page_mailpoet-newsletter-editor span.select2-container--open > span.select2-dropdown { min-width: 150px; }

.admin_page_mailpoet-newsletter-editor span.select2-container--open > span.select2-dropdown li.select2-results__option { font-size: 13px; margin: 0 !important; }

.admin_page_mailpoet-newsletter-editor span.select2-container--open > span.select2-dropdown li.select2-results__option .select2-results__group { color: #bfbfbf; font-weight: normal; }

.admin_page_mailpoet-newsletter-editor span.select2-container--open > span.select2-dropdown li.select2-results__option .select2-results__option { font-size: 13px; padding-left: 15px; }

.admin_page_mailpoet-newsletter-editor span.select2-container--open > span.select2-dropdown li.select2-results__option .select2-results__option[aria-selected=true] { background-color: #eee; color: #444; }

.admin_page_mailpoet-newsletter-editor .mailpoet_settings_notice { color: #999; }

#mailpoet_editor_content ol, #mailpoet_editor_content ul { padding-left: 40px; }

#mailpoet_editor_content ul { list-style-type: disc; }

#mailpoet_editor_content ul ul { list-style-type: circle; }

#mailpoet_editor_content ul ul ul { list-style-type: square; }

.tooltip-help-designer-subject-line div, .tooltip-help-designer-preheader div { z-index: 100001; }

.tooltip-help-send-preview { color: #fff; margin-top: -10px; position: absolute; right: 4px; top: 50%; }

.tooltip-help-designer-ideal-width { color: #656565; font-weight: normal; margin-left: 5px; text-transform: none; }

.tooltip-help-designer-full-width .dashicons { line-height: 34px; }

.tooltip-help-designer-full-width span { line-height: 1.4em; }

.mailpoet_text_content p { margin: 1em 0; }

.mailpoet_separator { margin: 17px 20px; }

.mailpoet_option_offset_left_small { margin-left: 10px; }

input.mailpoet_option_offset_left_small { margin-left: 10px !important; }

input.mailpoet_color { width: 5em; }

select.mailpoet_font-family { width: 8em; }

select.mailpoet_font-size { width: 5em; }

.mailpoet_input, .mailpoet_select { -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 1px; box-shadow: none !important; line-height: 22px; padding: 3px; }

.mailpoet_input { border: 1px solid #e5e5e5; width: 283px; }

.mailpoet_input_small { width: 58px; }

.mailpoet_input_medium { width: 150px; }

.mailpoet_input_full { box-sizing: border-box; margin: 0; width: 100%; }

.mailpoet_range { -webkit-appearance: none; padding: 0; vertical-align: middle; width: 283px; }

.mailpoet_range:focus { outline: none; }

.mailpoet_range::-webkit-slider-runnable-track { background: white; border: 1px solid #ddd; border-radius: 3px; cursor: pointer; height: 12px; width: 100%; }

.mailpoet_range::-webkit-slider-thumb { -webkit-appearance: none; background: #a4a4a4; border: 1px solid #333; border-radius: 3px; cursor: pointer; height: 26px; margin-top: -8.66667px; width: 13px; }

.mailpoet_range:hover::-webkit-slider-thumb { background: #0074a2; }

.mailpoet_range::-moz-range-track { background: white; border: 1px solid #ddd; border-radius: 3px; cursor: pointer; height: 12px; width: 100%; }

.mailpoet_range::-moz-range-thumb { background: #a4a4a4; border: 1px solid #333; border-radius: 3px; cursor: pointer; height: 26px; width: 13px; }

.mailpoet_range:hover::-moz-range-thumb { background: #0074a2; }

.mailpoet_range::-ms-fill-lower { background: white; border: 1px solid #ddd; }

.mailpoet_range::-ms-fill-upper { background: white; border: 1px solid #ddd; }

.mailpoet_range::-ms-track { background: transparent; border-color: transparent; border-width: 24px 0; color: transparent; cursor: pointer; height: 12px; width: 100%; }

.mailpoet_range::-ms-thumb { background: #a4a4a4; border: 1px solid #333; border-radius: 3px; cursor: pointer; height: 26px; width: 13px; }

.mailpoet_range:hover::-ms-thumb { background: #0074a2; }

.mailpoet_range:focus::-ms-fill-lower { background: white; border: 1px solid #ddd; }

.mailpoet_range:focus::-ms-fill-upper { background: white; border: 1px solid #ddd; }

.mailpoet_range_small { width: 100px; }

.mailpoet_range_medium { width: 180px; }

.mailpoet_select { border-color: #e5e5e5; color: #656565; margin: 0; }

.mailpoet_select_large { width: 139px; }

.mailpoet_select_medium { width: 103px; }

.mailpoet_select_small { width: 68px; }

.mailpoet_select_half_width { width: 50%; }

#mailpoet_editor { clear: both; width: 100%; }

#mailpoet_editor_heading_left { float: left; }

#mailpoet_editor_heading_right { float: right; }

#mailpoet_editor_heading { clear: both; margin-bottom: 13px; margin-left: 2px; padding-left: 15px; }

#mailpoet_editor_main_wrapper { border: 1px solid #ddd; border-left: 0; min-width: 1050px; position: relative; }

#mailpoet_editor_content_container { box-sizing: border-box; padding-right: 330px; width: 100%; }

#mailpoet_editor_sidebar { box-sizing: border-box; float: right; width: 330px; }

.mailpoet_newsletter_wrapper { margin: auto; max-width: 660px; position: relative; width: 660px; }

.admin_page_mailpoet-newsletter-editor .mailpoet_form_field { margin-bottom: 15px; margin-top: 15px; }

.admin_page_mailpoet-newsletter-editor .mailpoet_form_field_title { clear: both; margin-bottom: 5px; }

.admin_page_mailpoet-newsletter-editor .mailpoet_form_field_title_small { width: 120px; }

.admin_page_mailpoet-newsletter-editor .mailpoet_form_field_title_inline { display: inline-block; margin-bottom: 0; margin-top: 6px; }

.admin_page_mailpoet-newsletter-editor .mailpoet_form_field_optional { color: #a4a4a4; font-size: .8em; }

.admin_page_mailpoet-newsletter-editor .mailpoet_form_field_radio_option, .admin_page_mailpoet-newsletter-editor .mailpoet_form_field_checkbox_option { display: inline-block; line-height: 30px; margin-right: 5px; vertical-align: top; }

.admin_page_mailpoet-newsletter-editor .mailpoet_form_field_radio_option:last-child, .admin_page_mailpoet-newsletter-editor .mailpoet_form_field_checkbox_option:last-child { margin-right: 0; }

.admin_page_mailpoet-newsletter-editor .mailpoet_form_field_input_option { display: inline-block; }

.admin_page_mailpoet-newsletter-editor .mailpoet_form_field_input_option input[type=checkbox] { vertical-align: top; }

.admin_page_mailpoet-newsletter-editor .mailpoet_form_field_input_option input[type=text] { vertical-align: middle; }

.admin_page_mailpoet-newsletter-editor .mailpoet_form_field_block { display: block; }

.mailpoet_heading_form_field { margin-bottom: 5px; margin-top: 5px; }

.mailpoet_input_title, .mailpoet_input_preheader { line-height: normal; padding: 3px; width: 500px; }

.mailpoet_input_title { font-size: 23px; }

.mailpoet_breadcrumbs { float: left; font-size: .9em; margin-bottom: 13px; margin-left: 17px; text-transform: uppercase; }

.mailpoet_breadcrumbs p { margin: 0; }

#mailpoet_heading_email_type { width: 200px; }

.mailpoet_heading_wc_template_description { color: #666; font-style: italic; max-width: 800px; }

.mailpoet_history_wrapper { display: flex; padding: 12px 20px; }

.mailpoet_history_arrow { cursor: pointer; margin-right: 20px; }

.mailpoet_history_arrow svg { display: inline-block; height: 26px; stroke: #0074a2; vertical-align: top; width: 26px; }

.mailpoet_history_arrow_inactive { cursor: not-allowed; }

.mailpoet_history_arrow_inactive svg { stroke: #a4a4a4; }

#mailpoet_editor_sidebar { border-bottom: #e5e5e5; border-left: #e5e5e5; color: #656565; font-size: 13px; }

#mailpoet_editor_sidebar .mailpoet_sidebar_region { border-bottom: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; border-right: 0; border-top: 0; margin-bottom: 0; }

#mailpoet_editor_sidebar .mailpoet_sidebar_region.closed .mailpoet_region_content { display: none; }

#mailpoet_editor_sidebar .mailpoet_region_content { margin-top: 12px; padding: 0 20px; }

#mailpoet_editor_sidebar, #mailpoet_editor_sidebar .postbox { background-color: #f8f8f8; }

#mailpoet_editor_sidebar .postbox { padding-bottom: 20px; }

#mailpoet_editor_sidebar .postbox.closed { padding-bottom: 0; }

#mailpoet_editor_sidebar .postbox.closed h3 { color: #a4a4a4; cursor: pointer; }

#mailpoet_editor_sidebar .postbox h3, #mailpoet_editor_sidebar .postbox:hover h3 { color: #0074a2; font-size: 18px; margin: 0; padding: 17px 20px; text-transform: uppercase; }

#mailpoet_editor_sidebar .postbox h3, #mailpoet_editor_sidebar .postbox .handlediv { border: 0; cursor: auto; }

#mailpoet_editor_sidebar .postbox .handlediv:before { color: #0074a2; content: '\f142'; display: inline-block; font: 400 20px / 1 dashicons; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: relative; right: 18px; speak: none; text-decoration: none !important; top: 18px; }

#mailpoet_editor_sidebar .postbox.closed .handlediv:before { color: #a4a4a4; content: '\f140'; }

#mailpoet_editor_sidebar .postbox.closed:hover .handlediv:before { color: #0074a2; }

.mailpoet_widget { display: inline-block; float: left; padding: 0 13px 15px; text-align: center; width: 70px; }

.mailpoet_widget:nth-child(3n+1) { clear: left; }

.mailpoet_widget .mailpoet_widget_icon { background-color: white; border-radius: 3px; box-shadow: 1px 2px #d7d7d7; box-sizing: border-box; color: #a8a8a8; fill: #a8a8a8; height: 70px; line-height: 70px; margin-bottom: 9px; text-align: center; width: 70px; /* Vertically align widget icon glyphs */ }

.mailpoet_widget .mailpoet_widget_icon > * { font-size: 30px; height: 30px; vertical-align: middle; width: 30px; }

.mailpoet_widget .mailpoet_widget_icon:hover { border: 1px solid #0074a2; color: #0074a2; fill: #0074a2; }

.mailpoet_widget.mailpoet_droppable_active { color: #0074a2; fill: #0074a2; }

.mailpoet_widget.mailpoet_droppable_active .mailpoet_widget_icon { border: 1px solid #0074a2; box-shadow: none; color: #0074a2; fill: #0074a2; }

.mailpoet_widget.mailpoet_droppable_active .mailpoet_widget_title { display: none; }

/* Browser preview modal */
.mailpoet_browser_preview_wrapper { display: flex; flex-direction: column; height: 100%; position: absolute; width: 100%; }

.mailpoet_browser_preview_link { position: absolute; top: -25px; }

.mailpoet_popup .mailpoet_browser_preview_toggle { top: -30px; }

/* Sidepanel */
.mailpoet_editor_settings { color: #656565; font-size: 13px; }

.mailpoet_editor_settings p { font-size: 1em; }

.mailpoet_editor_settings h3 { color: #0074a2; font-size: 1.4em; text-transform: uppercase; }

.mailpoet_sidepanel_field { margin-bottom: 15px; margin-top: 15px; }

.mailpoet_sidepanel_field_title { clear: both; margin-bottom: 5px; }

.mailpoet_sidepanel_field_title_small { width: 120px; }

.mailpoet_sidepanel_field_title_inline { display: inline-block; line-height: 30px; margin-bottom: 0; vertical-align: middle; }

.mailpoet_sidepanel_field_optional { color: #a4a4a4; font-size: .8em; }

.mailpoet_sidepanel_radio_option, .mailpoet_sidepanel_checkbox_option { display: inline-block; line-height: 30px; margin-right: 15px; vertical-align: top; }

.mailpoet_sidepanel_radio_option:last-child, .mailpoet_sidepanel_checkbox_option:last-child { margin-right: 0; }

.mailpoet_sidepanel_input_option { display: inline-block; }

.mailpoet_sidepanel_input_option input[type=checkbox] { vertical-align: top; }

.mailpoet_sidepanel_input_option input[type=text] { vertical-align: middle; }

#mailpoet_editor_bottom { margin: 10px 0 120px; }

.mailpoet_save_wrapper { float: right; margin-bottom: 10px; margin-right: 20px; position: relative; }

.mailpoet_save_wrapper .mailpoet_save_next { margin-left: 5px; }

.mailpoet_save_options { background: white; border: 1px solid #e5e5e5; border-radius: 3px; clear: both; margin: 5px 0; overflow: hidden; position: absolute; right: 0; vertical-align: top; white-space: nowrap; z-index: 1000; }

.mailpoet_save_option { margin: 0; }

.mailpoet_save_option > a { display: block; line-height: 2em; padding-left: 20px; padding-right: 20px; }

.mailpoet_save_option:hover { background-color: #2ea1cd; color: white; }

.mailpoet_save_option:hover > a { color: white; }

.mailpoet_save_show_options { padding: 6px 3px 4px; }

.mailpoet_save_show_options_icon { height: 14px; margin-top: -6px; vertical-align: middle; }

.mailpoet_save_as_template_container, .mailpoet_export_template_container { background-color: white; border: 1px solid #ddd; border-radius: 3px; clear: both; display: inline-block; margin: 5px 0; padding: 0 10px; position: absolute; right: 0; z-index: 1000; }

.mailpoet_save_as_template_title, .mailpoet_export_template_title { font-size: 1.1em; }

.mailpoet_save_next, .mailpoet_save_button_group { float: right; }

.mailpoet_editor_last_saved { color: #a4a4a4; font-size: .9em; margin-top: 10px; text-align: right; }

.mailpoet_save_woocommerce_customizer_disabled { text-align: right; }

.mailpoet_save_woocommerce_error { color: #d54e21; margin-top: 10px; text-align: right; }

.mailpoet_save_error { color: #d54e21; margin-top: 10px; text-align: right; width: 330px; }

.mailpoet_save_dropdown_down .mailpoet_save_options, .mailpoet_save_dropdown_down .mailpoet_save_as_template_container, .mailpoet_save_dropdown_down .mailpoet_export_template_container { bottom: auto; top: 100%; }

.mailpoet_save_dropdown_down .mailpoet_save_show_options.mailpoet_save_show_options_active .mailpoet_save_show_options_icon:before { content: '\f142'; }

.mailpoet_save_dropdown_down .mailpoet_save_show_options_icon:before { content: '\f140'; }

.mailpoet_save_dropdown_up .mailpoet_save_options, .mailpoet_save_dropdown_up .mailpoet_save_as_template_container, .mailpoet_save_dropdown_up .mailpoet_export_template_container { bottom: 100%; top: auto; }

.mailpoet_save_dropdown_up .mailpoet_save_show_options.mailpoet_save_show_options_active .mailpoet_save_show_options_icon:before { content: '\f140'; }

.mailpoet_save_dropdown_up .mailpoet_save_show_options_icon:before { content: '\f142'; }

.mailpoet_tools { bottom: 100%; left: 50%; overflow: hidden; position: absolute; text-align: right; text-align: center; transform: translateX(-50%); transition: visibility 0s linear 250ms; visibility: hidden; z-index: 20; }

.mailpoet_tools .mailpoet_tools_slider { background: #0078a2; border-radius: 10px 10px 0 0; display: flex; flex-direction: row; padding: 3px 7px; position: relative; transform: translateY(100%); transition: all 250ms cubic-bezier(0.42, 0, 0.58, 1); }

.mailpoet_resize_active .mailpoet_tools .mailpoet_tools_slider, .mailpoet_tools.mailpoet_display_tools .mailpoet_tools_slider { transform: translateY(0); transition: all 250ms cubic-bezier(0.42, 0, 0.58, 1), visibility 0s linear; visibility: visible; }

.mailpoet_tools a { vertical-align: top; }

.mailpoet_container_horizontal + .mailpoet_tools { bottom: auto; left: 100%; top: -2px; transform: none; }

.mailpoet_container_horizontal + .mailpoet_tools .mailpoet_tools_slider { background: #7fbbd0; border-radius: 0 10px 10px 0; flex-direction: column; padding: 7px 3px; transform: translateY(0) translateX(-100%); }

.mailpoet_container_horizontal + .mailpoet_tools.mailpoet_display_tools, .mailpoet_resize_active .mailpoet_container_horizontal + .mailpoet_tools { z-index: 21; }

.mailpoet_container_horizontal + .mailpoet_tools.mailpoet_display_tools .mailpoet_tools_slider, .mailpoet_resize_active .mailpoet_container_horizontal + .mailpoet_tools .mailpoet_tools_slider { transform: translateY(0) translateX(0); }

.mailpoet_container_horizontal + .mailpoet_tools .mailpoet_tool { display: block; height: 27px; width: 27px; }

.mailpoet_container_horizontal + .mailpoet_tools .mailpoet_tool svg { height: 15px; padding: 6px; width: 15px; }

.mailpoet_container_horizontal + .mailpoet_tools .mailpoet_delete_block { flex-direction: column; }

.mailpoet_container_horizontal + .mailpoet_tools .mailpoet_delete_block_activate { display: block; max-height: 27px; max-width: none; opacity: 1; }

.mailpoet_container_horizontal + .mailpoet_tools .mailpoet_delete_block_confirm, .mailpoet_container_horizontal + .mailpoet_tools .mailpoet_delete_block_cancel { display: block; margin: 0; width: 100%; }

.mailpoet_container_horizontal + .mailpoet_tools .mailpoet_delete_block_activated { height: auto; padding: 0 5px 3px; width: auto; }

.mailpoet_container_horizontal + .mailpoet_tools .mailpoet_delete_block_activated .mailpoet_delete_block_activate { max-height: 0; opacity: 0; overflow: hidden; }

.mailpoet_container_horizontal + .mailpoet_tools .mailpoet_delete_block_activated .mailpoet_delete_block_confirm, .mailpoet_container_horizontal + .mailpoet_tools .mailpoet_delete_block_activated .mailpoet_delete_block_cancel { opacity: 1; }

.mailpoet_tool { display: inline-block; height: 24px; width: 24px; }

.mailpoet_tool svg { fill: #fff; height: 14px; padding: 5px; vertical-align: top; width: 14px; }

.mailpoet_tool:hover svg, .mailpoet_tool:focus svg { opacity: .7; }

.mailpoet_tool .mailpoet_delete_block_confirmation { position: absolute; right: 0; top: 0; width: 200px; }

.mailpoet_delete_block { border-radius: 3px; display: flex; flex-direction: row-reverse; line-height: 24px; vertical-align: top; white-space: nowrap; transition: background 250ms cubic-bezier(0.42, 0, 0.58, 1); /* ease-in-out */ }

.mailpoet_delete_block .mailpoet_tool { padding: 0; }

.mailpoet_delete_block .mailpoet_delete_block_activate { display: inline-block; max-width: 24px; opacity: 1; transition: all 250ms cubic-bezier(0.42, 0, 0.58, 1); /* ease-in-out */ }

.mailpoet_delete_block .mailpoet_delete_block_confirm, .mailpoet_delete_block .mailpoet_delete_block_cancel { display: inline-block; max-height: 0; max-width: 0; opacity: 0; overflow: hidden; transition: all 250ms cubic-bezier(0.42, 0, 0.58, 1); /* ease-in-out */ }

.mailpoet_delete_block .mailpoet_delete_block_confirm { color: white; }

.mailpoet_delete_block .mailpoet_delete_block_confirm:hover { color: white; text-decoration: underline; }

.mailpoet_delete_block .mailpoet_delete_block_cancel { color: #f4c6c8; }

.mailpoet_delete_block .mailpoet_delete_block_cancel:hover { color: #f4c6c8; text-decoration: underline; }

.mailpoet_delete_block_activated { background-color: #d54e21; height: auto; padding: 0 5px; width: auto; }

.mailpoet_delete_block_activated .mailpoet_delete_block_activate { max-width: 0; opacity: 0; overflow: hidden; }

.mailpoet_delete_block_activated .mailpoet_delete_block_confirm, .mailpoet_delete_block_activated .mailpoet_delete_block_cancel { max-height: 20px; max-width: 90px; opacity: 1; }

.mailpoet_delete_block_activated .mailpoet_delete_block_cancel { margin-left: 3px; }

.mailpoet_container_layer_active .mailpoet_block { opacity: .4; pointer-events: none; }

.mailpoet_container_layer_active .mailpoet_container_block { opacity: 1; pointer-events: auto; }

.mailpoet_container_layer_active .mailpoet_container_block > .mailpoet_tools { display: block !important; }

.mailpoet_container_layer_active > .mailpoet_tools { z-index: 100001 !important; }

.mailpoet_layer_overlay { background-color: rgba(0, 0, 0, 0.6); height: 100%; left: 0; margin: 0 !important; overflow-x: hidden; overflow-y: auto; position: fixed; top: 0; width: 100%; z-index: 100000; }

.mailpoet_layer_highlight { background-color: #f1f1f1; pointer-events: none; position: relative; z-index: 100001 !important; }

.mailpoet_drop_marker { background-color: #0074a2; box-shadow: 0 0 1px 0 #0074a2; min-height: 2px; min-width: 2px; position: absolute; z-index: 1; }

.mailpoet_drop_marker:before, .mailpoet_drop_marker:after { color: #0074a2; font: 400 40px / 1 dashicons; margin-top: -18px; position: absolute; }

.mailpoet_drop_marker:before { content: '\f139'; left: -25px; }

.mailpoet_drop_marker:after { content: '\f141'; right: -23px; }

.mailpoet_drop_marker.mailpoet_drop_marker_middle, .mailpoet_drop_marker.mailpoet_drop_marker_first.mailpoet_drop_marker_after, .mailpoet_drop_marker.mailpoet_drop_marker_last.mailpoet_drop_marker_before { margin-top: -1px; }

.mailpoet_drop_marker.mailpoet_drop_marker_last.mailpoet_drop_marker_after { margin-top: -2px; }

#mailpoet_editor .mailpoet_droppable_active { z-index: 21000; }

.mailpoet_block.mailpoet_droppable_active { border: 1px dashed #0074a2 !important; width: 660px; }

.mailpoet_block.mailpoet_droppable_active .mailpoet_tools { display: none !important; }

.mailpoet_widget.mailpoet_droppable_active { margin: 0; padding: 0; z-index: 2; -webkit-animation-duration: 300ms; animation-duration: 300ms; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }

.mailpoet_widget.mailpoet_droppable_active .mailpoet_widget_icon { margin: 0; padding: 0; }

.mailpoet_drop_active > .mailpoet_container > div > .mailpoet_container_empty { background-color: #0074a2; box-shadow: inset 1px 2px 1px #025c80; color: white; }

.mailpoet_droppable_block { cursor: move; }

.mailpoet_droppable_block.mailpoet_ignore_drag { cursor: auto; }

.mailpoet_resize_handle_container { left: 50%; margin-top: -16px; position: absolute; top: 100%; transform: translateX(-50%); z-index: 2; }

.mailpoet_resize_handle { align-items: center; background: #0078a2; border-radius: 10px; cursor: ns-resize; display: none; justify-content: space-between; min-width: 60px; padding: 7px 10px; z-index: 2; }

.mailpoet_resize_handle .mailpoet_resize_handle_text, .mailpoet_resize_handle .mailpoet_resize_handle_icon { pointer-events: none; }

.mailpoet_resizable_block.mailpoet_highlight .mailpoet_resize_handle { display: flex; }

.mailpoet_resize_handle_text { color: white; font-size: 11px; font-weight: bold; line-height: 1.5em; text-align: center; }

.mailpoet_resize_handle_icon { line-height: 15px; margin-left: 5px; }

.mailpoet_resize_handle_icon > svg { fill: white; height: 15px; vertical-align: top; width: 15px; }

.mailpoet_image_resize_handle_container { bottom: 0; height: 24px; position: absolute; right: 0; width: 24px; }

.mailpoet_image_resize_handle_container_left { left: 0; right: auto; transform: rotate(90deg); }

.mailpoet_image_resize_handle { background: #0078a2; border-radius: 6px 0 0; cursor: nwse-resize; display: none; height: 24px; position: relative; width: 24px; z-index: 2; }

.mailpoet_resizable_block.mailpoet_highlight .mailpoet_image_resize_handle { display: inline-block; }

.mailpoet_image_resize_handle .mailpoet_image_resize_handle_text, .mailpoet_image_resize_handle .mailpoet_image_resize_handle_icon { pointer-events: none; }

.mailpoet_image_resize_handle_container_left .mailpoet_image_resize_handle { cursor: nesw-resize; }

.mailpoet_image_resize_handle_icon { display: block; line-height: 22px; padding: 1px; }

.mailpoet_image_resize_handle_icon > svg { fill: white; height: 22px; vertical-align: top; width: 22px; }

.mailpoet_block.mailpoet_image_resize_active > .mailpoet_block_highlight { border: 2px solid #0078a2; }

.mailpoet_block.mailpoet_image_resize_active > .mailpoet_block_highlight .mailpoet_image_resize_handle { display: inline-block; }

.mailpoet_block { background-color: inherit; box-sizing: border-box; float: left; padding: 10px 20px; position: relative; }

.mailpoet_block > .mailpoet_block_highlight { border: 2px solid rgba(255, 255, 255, 0); bottom: 0; left: 0; pointer-events: none; position: absolute; right: 0; top: 0; transition: .3s; z-index: 1; }

.mailpoet_block.mailpoet_highlight > .mailpoet_block_highlight { border: 2px solid #0078a2 !important; }

.mailpoet_block > .mailpoet_container_horizontal ~ .mailpoet_block_highlight { bottom: -2px; left: -2px; right: -2px; top: -2px; }

.mailpoet_block.mailpoet_highlight > .mailpoet_container_horizontal ~ .mailpoet_block_highlight { border: 2px solid #7fbbd0 !important; }

.mailpoet_content { line-height: 1.6em; position: relative; }

.mailpoet_content h1, .mailpoet_content h2, .mailpoet_content h3, .mailpoet_content h4, .mailpoet_content h5, .mailpoet_content h6 { font-style: normal; font-weight: normal; line-height: 1.6em; margin: 0 0 .3em; padding: 0; }

.mailpoet_content p:not(.mailpoet_wp_post) { margin: 0; margin-bottom: 0; margin-top: 0; padding: 0; }

.mailpoet_content p { font-style: normal; font-weight: normal; line-height: 1.6em; }

.mailpoet_content ul { margin-bottom: 10px; margin-top: 10px; padding: 0; }

.mailpoet_content li { font-weight: normal; margin-bottom: 10px; margin-top: 0; }

.mailpoet_content blockquote { border-left: 2px #565656 solid; margin: 0 0 1.6em; padding-left: 10px; }

.mailpoet_container { min-height: 15px; position: relative; width: 100%; }

.mailpoet_container_block { border: 0; box-sizing: border-box; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; position: relative; }

.mailpoet_container_vertical > * { box-sizing: border-box; width: 100%; }

.mailpoet_container_horizontal > * { vertical-align: top; }

#mailpoet_editor_content .mailpoet_container { box-sizing: border-box; float: left; }

#mailpoet_editor_content > .mailpoet_container_block { border: 0; width: 660px; }

#mailpoet_editor_content > .mailpoet_container_block > .mailpoet_container > .mailpoet_container_block { padding-bottom: 0; padding-top: 0; }

#mailpoet_editor_content .mailpoet_container_horizontal > .mailpoet_container_block { padding-bottom: 0; padding-top: 0; width: 660px; }

#mailpoet_editor_content > .mailpoet_container_block > .mailpoet_container > .mailpoet_container_block > .mailpoet_container_horizontal > .mailpoet_block:first-child:nth-last-child(2), #mailpoet_editor_content > .mailpoet_container_block > .mailpoet_container > .mailpoet_container_block > .mailpoet_container_horizontal > .mailpoet_block:first-child:nth-last-child(2) ~ .mailpoet_block, #mailpoet_editor_content > .mailpoet_container_block > .mailpoet_container > .mailpoet_posts_block > .mailpoet_posts_container > .mailpoet_container_block > .mailpoet_container > .mailpoet_container_block > .mailpoet_container_horizontal > .mailpoet_block:first-child:nth-last-child(2), #mailpoet_editor_content > .mailpoet_container_block > .mailpoet_container > .mailpoet_posts_block > .mailpoet_posts_container > .mailpoet_container_block > .mailpoet_container > .mailpoet_container_block > .mailpoet_container_horizontal > .mailpoet_block:first-child:nth-last-child(2) ~ .mailpoet_block, #mailpoet_editor_content > .mailpoet_container_block > .mailpoet_container .mailpoet_automated_latest_content_block_posts .mailpoet_container_horizontal > .mailpoet_block:first-child:nth-last-child(2), #mailpoet_editor_content > .mailpoet_container_block > .mailpoet_container .mailpoet_automated_latest_content_block_posts .mailpoet_container_horizontal > .mailpoet_block:first-child:nth-last-child(2) ~ .mailpoet_block, #mailpoet_editor_content > .mailpoet_container_block > .mailpoet_container > .mailpoet_products_block > .mailpoet_products_container > .mailpoet_container_block > .mailpoet_container > .mailpoet_container_block > .mailpoet_container_horizontal > .mailpoet_block:first-child:nth-last-child(2), #mailpoet_editor_content > .mailpoet_container_block > .mailpoet_container > .mailpoet_products_block > .mailpoet_products_container > .mailpoet_container_block > .mailpoet_container > .mailpoet_container_block > .mailpoet_container_horizontal > .mailpoet_block:first-child:nth-last-child(2) ~ .mailpoet_block, #mailpoet_editor_content > .mailpoet_container_block > .mailpoet_container .mailpoet_automated_latest_content_block_products .mailpoet_container_horizontal > .mailpoet_block:first-child:nth-last-child(2), #mailpoet_editor_content > .mailpoet_container_block > .mailpoet_container .mailpoet_automated_latest_content_block_products .mailpoet_container_horizontal > .mailpoet_block:first-child:nth-last-child(2) ~ .mailpoet_block { width: 330px; }

#mailpoet_editor_content > .mailpoet_container_block > .mailpoet_container > .mailpoet_container_block > .mailpoet_container_horizontal > .mailpoet_block:first-child:nth-last-child(3), #mailpoet_editor_content > .mailpoet_container_block > .mailpoet_container > .mailpoet_container_block > .mailpoet_container_horizontal > .mailpoet_block:first-child:nth-last-child(3) ~ .mailpoet_block, #mailpoet_editor_content > .mailpoet_container_block > .mailpoet_container > .mailpoet_posts_block > .mailpoet_posts_container > .mailpoet_container_block > .mailpoet_container > .mailpoet_container_block > .mailpoet_container_horizontal > .mailpoet_block:first-child:nth-last-child(3), #mailpoet_editor_content > .mailpoet_container_block > .mailpoet_container > .mailpoet_posts_block > .mailpoet_posts_container > .mailpoet_container_block > .mailpoet_container > .mailpoet_container_block > .mailpoet_container_horizontal > .mailpoet_block:first-child:nth-last-child(3) ~ .mailpoet_block, #mailpoet_editor_content > .mailpoet_container_block > .mailpoet_container .mailpoet_automated_latest_content_block_posts .mailpoet_container_horizontal > .mailpoet_block:first-child:nth-last-child(3), #mailpoet_editor_content > .mailpoet_container_block > .mailpoet_container .mailpoet_automated_latest_content_block_posts .mailpoet_container_horizontal > .mailpoet_block:first-child:nth-last-child(3) ~ .mailpoet_block, #mailpoet_editor_content > .mailpoet_container_block > .mailpoet_container > .mailpoet_products_block > .mailpoet_products_container > .mailpoet_container_block > .mailpoet_container > .mailpoet_container_block > .mailpoet_container_horizontal > .mailpoet_block:first-child:nth-last-child(3), #mailpoet_editor_content > .mailpoet_container_block > .mailpoet_container > .mailpoet_products_block > .mailpoet_products_container > .mailpoet_container_block > .mailpoet_container > .mailpoet_container_block > .mailpoet_container_horizontal > .mailpoet_block:first-child:nth-last-child(3) ~ .mailpoet_block, #mailpoet_editor_content > .mailpoet_container_block > .mailpoet_container .mailpoet_automated_latest_content_block_products .mailpoet_container_horizontal > .mailpoet_block:first-child:nth-last-child(3), #mailpoet_editor_content > .mailpoet_container_block > .mailpoet_container .mailpoet_automated_latest_content_block_products .mailpoet_container_horizontal > .mailpoet_block:first-child:nth-last-child(3) ~ .mailpoet_block { width: 220px; }

#mailpoet_editor_content > .mailpoet_container_block > .mailpoet_container > .mailpoet_container_block > .mailpoet_container_horizontal.mailpoet_irregular_width_contents_container.column_layout_1_2 > .mailpoet_container_block:first-child, #mailpoet_editor_content > .mailpoet_container_block > .mailpoet_container > .mailpoet_container_block > .mailpoet_container_horizontal.mailpoet_irregular_width_contents_container.column_layout_2_1 > .mailpoet_container_block:nth-child(2) { width: 220px; }

#mailpoet_editor_content > .mailpoet_container_block > .mailpoet_container > .mailpoet_container_block > .mailpoet_container_horizontal.mailpoet_irregular_width_contents_container.column_layout_2_1 > .mailpoet_container_block:first-child, #mailpoet_editor_content > .mailpoet_container_block > .mailpoet_container > .mailpoet_container_block > .mailpoet_container_horizontal.mailpoet_irregular_width_contents_container.column_layout_1_2 > .mailpoet_container_block:nth-child(2) { width: 440px; }

.mailpoet_container_empty { background-color: #f2f2f2; border-radius: 3px; box-shadow: inset 1px 2px 1px #a4a4a4; color: #656565; margin: 20px; padding: 15px; text-align: center; transition: background 250ms cubic-bezier(0.42, 0, 0.58, 1); /* ease-in-out */ }

.mailpoet_automated_latest_content_block { padding: 0; }

.mailpoet_automated_latest_content_block_overlay { background: rgba(255, 255, 255, 0); height: 100%; position: absolute; transition: background .15s ease-out; width: 100%; z-index: 19; }

.mailpoet_automated_latest_content_block:hover .mailpoet_automated_latest_content_block_overlay { background: rgba(255, 255, 255, 0.7); cursor: pointer; }

.mailpoet_automated_latest_content_block_posts { overflow: hidden; pointer-events: none; }

.mailpoet_automated_latest_content_block_posts > .mailpoet_block { width: 100%; }

.mailpoet_automated_latest_content_block_posts .mailpoet_container_block { padding-bottom: 0; padding-top: 0; }

.mailpoet_automated_latest_content_display_options { max-height: 2000px; opacity: 1; overflow-y: inherit; transition: all 250ms cubic-bezier(0.42, 0, 0.58, 1); /* ease-in-out */ }

.mailpoet_automated_latest_content_display_options.mailpoet_closed { max-height: 0; opacity: 0; }

.mailpoet_automated_latest_content_show_amount { width: 25px; }

.mailpoet_automated_latest_content_content_type { width: 180px; }

.mailpoet_posts_block { padding-left: 0; padding-right: 0; }

.mailpoet_posts_block_posts { overflow: auto; }

.mailpoet_posts_block_posts > .mailpoet_block { width: 100%; }

.mailpoet_post_selection_filter_row { margin-bottom: 5px; margin-top: 5px; }

.mailpoet_posts_categories_and_tags { width: 100%; }

.mailpoet_settings_posts_display_options, .mailpoet_settings_posts_selection { max-height: 2000px; opacity: 1; overflow-y: inherit; transition: all 250ms cubic-bezier(0.42, 0, 0.58, 1); /* ease-in-out */ overflow-x: hidden; }

.mailpoet_settings_posts_display_options.mailpoet_closed, .mailpoet_settings_posts_selection.mailpoet_closed { max-height: 0; opacity: 0; }

.mailpoet_settings_posts_show_display_options, .mailpoet_settings_posts_show_post_selection { display: block; margin-top: 10px; }

.mailpoet_post_selection_container { margin-bottom: 0; margin-top: 20px; }

.mailpoet_post_scroll_container { max-height: 400px; overflow-x: hidden; overflow-y: scroll; }

.mailpoet_settings_posts_single_post { background-color: white; border: 1px solid #e5e5e5; border-radius: 1px; box-sizing: border-box; height: 38px; line-height: 38px; margin-bottom: 5px; margin-top: 5px; overflow: hidden; width: 100%; }

.mailpoet_settings_posts_single_post:hover { border-color: #0074a2; }

.mailpoet_settings_posts_single_post .mailpoet_select_post_checkbox { margin-left: 10px; margin-right: 8px; }

.mailpoet_post_selection_loading { color: #999; }

.mailpoet_posts_container > .mailpoet_droppable_block { width: 100%; }

.mailpoet_products_block { padding-left: 0; padding-right: 0; }

.mailpoet_products_block_products { overflow: auto; }

.mailpoet_products_block_products > .mailpoet_block { width: 100%; }

.mailpoet_product_selection_filter_row { margin-bottom: 5px; margin-top: 5px; }

.mailpoet_products_categories_and_tags { width: 100%; }

.mailpoet_settings_products_display_options, .mailpoet_settings_products_selection { max-height: 2000px; opacity: 1; overflow-y: inherit; transition: all 250ms cubic-bezier(0.42, 0, 0.58, 1); /* ease-in-out */ overflow-x: hidden; }

.mailpoet_settings_products_display_options.mailpoet_closed, .mailpoet_settings_products_selection.mailpoet_closed { max-height: 0; opacity: 0; }

.mailpoet_settings_products_show_display_options, .mailpoet_settings_products_show_product_selection { display: block; margin-top: 10px; }

.mailpoet_product_selection_container { margin-bottom: 0; margin-top: 20px; }

.mailpoet_product_scroll_container { max-height: 400px; overflow-x: hidden; overflow-y: scroll; }

.mailpoet_settings_products_single_product { background-color: white; border: 1px solid #e5e5e5; border-radius: 1px; box-sizing: border-box; height: 38px; line-height: 38px; margin-bottom: 5px; margin-top: 5px; overflow: hidden; width: 100%; }

.mailpoet_settings_products_single_product:hover { border-color: #0074a2; }

.mailpoet_settings_products_single_product .mailpoet_select_product_checkbox { margin-left: 10px; margin-right: 8px; }

.mailpoet_product_selection_loading { color: #999; }

.mailpoet_products_container > .mailpoet_droppable_block { width: 100%; }

.mailpoet_button_block .mailpoet_editor_button { box-sizing: border-box; display: block; line-height: 2em; margin: auto; max-width: 100%; text-align: center; text-decoration: none; }

.mailpoet_button_block .mailpoet_editor_button:hover { cursor: all-scroll; }

.mailpoet_divider_block { cursor: all-scroll; padding: 0; }

.mailpoet_divider { margin-left: 20px; margin-right: 20px; }

.mailpoet_field_divider_style { border: 1px solid transparent; display: block; margin: auto; max-width: 660px; padding: 10px 0; width: 100%; }

.mailpoet_field_divider_style:hover { border: 1px solid #0074a2; }

.mailpoet_active_divider_style { background: #daebf2; border: 1px solid #adadad; }

.mailpoet_divider_selector img { width: 100%; }

.mailpoet_image_block img { height: auto; max-width: 100%; vertical-align: bottom; }

.mailpoet_image_block.mailpoet_full_image { margin: auto; padding: 0; }

.mailpoet_image_block .mailpoet_content { margin: auto; max-width: 100%; min-width: 36px; }

.mailpoet_image_block .mailpoet_content a:hover { cursor: all-scroll; }

.mailpoet_social_block .mailpoet_social { text-align: center; }

.mailpoet_social span { display: inline-block; padding: 2px 3px; }

.mailpoet_social span, .mailpoet_social a, .mailpoet_social img { vertical-align: top; }

.mailpoet_social a { cursor: all-scroll; }

.mailpoet_social_icon_set { border: 1px solid transparent; margin-bottom: 5px; padding: 5px; }

.mailpoet_social_icon_set:hover { border: 1px solid #0074a2; }

.mailpoet_social_icon_set img { height: 32px; padding: 2px 3px; vertical-align: middle; width: 32px; }

.mailpoet_active_icon_set { background-color: #daebf2; border: 1px dashed #adadad; }

.mailpoet_social_icon_settings { background: white; border: 1px solid #e5e5e5; margin-bottom: 9px; padding: 28px 9px 8px 9px; position: relative; }

.mailpoet_social_icon_settings_row { clear: both; line-height: 30px; margin-bottom: 10px; overflow: auto; }

.mailpoet_social_icon_settings_label { margin-right: 5px; text-align: left; }

.mailpoet_social_icon_settings_label .mailpoet_social_icon_image { height: 30px; width: 30px; }

.mailpoet_social_icon_settings_label.mailpoet_social_icon_image_label { line-height: initial; }

.mailpoet_social_icon_settings_form_element { float: left; width: 100%; }

.mailpoet_social_icon_settings_form_element input, .mailpoet_social_icon_settings_form_element select { box-sizing: border-box; display: inline-block; height: 30px; margin: 0; vertical-align: middle; width: 100%; }

.mailpoet_social_icon_settings_tool { position: absolute; top: 10px; }

.mailpoet_social_icon_settings_tool .mailpoet_tool_icon { fill: #333; height: 16px; width: 16px; }

.mailpoet_social_icon_settings_tool .mailpoet_tool_icon:hover { fill: #bbb; }

.mailpoet_social_icon_settings_tool .mailpoet_tool_icon:active { fill: #0074a2; }

.mailpoet_social_icon_settings_move_icon { right: 5px; }

.mailpoet_social_icon_settings_delete_icon { right: 26px; }

.mailpoet_spacer { text-align: center; }

.mailpoet_spacer_block { cursor: all-scroll; padding: 0; }

.mailpoet_text_block { padding-left: 0; padding-right: 0; }

.mailpoet_text_block > .mailpoet_content { overflow: hidden; padding: 0 20px; }

.mailpoet_text_block > .mailpoet_content > *:last-child { margin-bottom: 0; }

.mailpoet_header_block { padding: 0; }

.mailpoet_header_block .mailpoet_content { padding: 10px 20px; }

.mailpoet_header_block .mailpoet_content > *:last-child { margin-bottom: 0; }

.mailpoet_footer_block { padding: 0; }

.mailpoet_footer_block .mailpoet_content { padding: 10px 20px; }

.mailpoet_footer_block .mailpoet_content > *:last-child { margin-bottom: 0; }

.mailpoet_woocommerce_heading_overlay { background: rgba(255, 255, 255, 0.7); height: 100%; opacity: 0; position: absolute; transition: opacity .15s ease-out; width: 100%; z-index: 1; }

.mailpoet_woocommerce_heading_overlay:hover { opacity: 1; }

.mailpoet_woocommerce_heading_overlay p { color: black; font-size: 20px; text-align: center; }

.mailpoet_woocommerce_content_overlay { background: rgba(255, 255, 255, 0.7); height: 100%; margin: -10px -20px; opacity: 0; position: absolute; transition: opacity .15s ease-out; width: 100%; z-index: 1; }

.mailpoet_woocommerce_content_overlay:hover { opacity: 1; }

.mailpoet_woocommerce_content_overlay p { color: black; font-size: 20px; text-align: center; }

.admin_page_mailpoet-newsletter-editor { /* Allow horizontal scrolling on smaller (tablet/phone) sized screens */ overflow-x: auto; /* Fix select2 z-index to work with MailPoet.Modal */ /* Remove input field styles from select2 type input */ /* Fix select2 input glow and margins that wordpress may insert */ /* Fix width overrides for select2 */ /* TinyMCE remove active border from the editor */ /* Reduce WP admin bar z-index in order for TinyMCE toolbar to be visible */ /* Hide the "Details" section of WordPress Media manager */ /* Remove max width from date selector in WordPress Media Manager */ /* Alter Spectrum color picker to leave only the color preview, without arrows */ /* Sidepanel overrides */ /* Make a button group */ }

.admin_page_mailpoet-newsletter-editor .select2-dropdown { z-index: 101000 !important; }

.admin_page_mailpoet-newsletter-editor .select2-container { border: none; padding: 0; }

.admin_page_mailpoet-newsletter-editor .select2 input, .admin_page_mailpoet-newsletter-editor .select2 input:focus { border-color: none; box-shadow: none; margin: 0; padding: 0; }

.admin_page_mailpoet-newsletter-editor .mailpoet_editor_settings .select2-container { width: 100% !important; }

.admin_page_mailpoet-newsletter-editor .tox { /* Small style changes to better fit TinyMCE to our editor */ /* Fix for TinyMCE modals are above WP menu */ /* Slightly smaller TinyMCE button */ /* Fix for text type select */ }

.admin_page_mailpoet-newsletter-editor .tox.tox-tinymce-inline { border: 1px solid #e5e5e5; border-radius: 3px; box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.05); /* Fix for fixed TinyMCE toolbar to be above WP menu */ z-index: 50001; }

.admin_page_mailpoet-newsletter-editor .tox.tox-tinymce-aux { z-index: 99999; }

.admin_page_mailpoet-newsletter-editor .tox .tox-toolbar { background-color: #f8f8f8; /* Fix double border on top of TineMCE popup */ }

.admin_page_mailpoet-newsletter-editor .tox .tox-toolbar:first-child { border-top: 0; }

.admin_page_mailpoet-newsletter-editor .tox .tox-tbtn:not(.tox-tbtn--select) { height: 28px; width: 30px; }

.admin_page_mailpoet-newsletter-editor .tox .tox-collection__item-label { line-height: normal; }

.admin_page_mailpoet-newsletter-editor .mce-edit-focus { outline: none; }

.admin_page_mailpoet-newsletter-editor #wpbody-content > * { margin-left: 20px; }

.admin_page_mailpoet-newsletter-editor #wpbody-content > .wrap { margin-left: 0; }

.admin_page_mailpoet-newsletter-editor #wpcontent { margin-left: 160px; padding-left: 0; }

.admin_page_mailpoet-newsletter-editor.folded #wpcontent { margin-left: 36px; }

@media screen and (max-width: 960px) { .admin_page_mailpoet-newsletter-editor.auto-fold #wpcontent { margin-left: 36px; } }

@media screen and (max-width: 782px) { .admin_page_mailpoet-newsletter-editor.auto-fold #wpcontent { margin-left: 0; } }

.admin_page_mailpoet-newsletter-editor .wrap { margin-left: 0; margin-right: 0; }

.admin_page_mailpoet-newsletter-editor #wpadminbar { z-index: 50000; }

.admin_page_mailpoet-newsletter-editor .media-sidebar { display: none; }

.admin_page_mailpoet-newsletter-editor #mailpoet-media-manager .attachments-browser .attachments, .admin_page_mailpoet-newsletter-editor #mailpoet-media-manager .attachments-browser .uploader-inline { margin-right: 0; }

.admin_page_mailpoet-newsletter-editor #mailpoet-media-manager .attachments-browser .attachments, .admin_page_mailpoet-newsletter-editor #mailpoet-media-manager .attachments-browser .media-toolbar, .admin_page_mailpoet-newsletter-editor #mailpoet-media-manager .attachments-browser .uploader-inline { right: 0; }

.admin_page_mailpoet-newsletter-editor #media-attachment-date-filters { max-width: calc(100% - 12px); }

.admin_page_mailpoet-newsletter-editor .sp-replacer { border: 0; border-radius: 3px; box-shadow: 1px 2px #d7d7d7; padding: 0; }

.admin_page_mailpoet-newsletter-editor .sp-preview { border-width: 0; height: 25px; margin-right: 0; width: 25px; }

.admin_page_mailpoet-newsletter-editor .sp-dd { display: none; }

.admin_page_mailpoet-newsletter-editor .mailpoet_panel_body { margin: 19px; padding: 0; }

.admin_page_mailpoet-newsletter-editor .mailpoet_panel_body .mailpoet_editor_settings h3 { margin-top: 0; }

.admin_page_mailpoet-newsletter-editor .mailpoet_panel_wrapper { background-color: #f8f8f8; border: 1px solid #e5e5e5; }

.admin_page_mailpoet-newsletter-editor .wrap > .mailpoet_notice, .admin_page_mailpoet-newsletter-editor .notice, .admin_page_mailpoet-newsletter-editor .update-nag { margin-left: 17px !important; margin-right: 20px !important; }

.admin_page_mailpoet-newsletter-editor .mailpoet_button_group .button:first-child { border-bottom-right-radius: 0; border-right: 0; border-top-right-radius: 0; }

.admin_page_mailpoet-newsletter-editor .mailpoet_button_group .button:last-child { border-bottom-left-radius: 0; border-left: 0; border-top-left-radius: 0; }
