
.woocommerce_page_woocommerce_send_emails #adminmenuwrap,
.woocommerce_page_woocommerce_send_emails #adminmenuback,
.woocommerce_page_woocommerce_send_emails #wpfooter { display:none; }
/* html.wp-toolbar { padding-top:0; } */

.help-icon { color: rgb(195, 195, 195);position: relative; margin: 0 0px; cursor: pointer; background: url(../images/help-icon.png) 50% 60% no-repeat; text-indent: -9999px; display: inline-block; width: 12px; /* top: -1px; */}

/* Edit Panel - Right */
.cxsemls-admin-panel.cxsemls-admin-panel-edit-content {transition: all 0.15s ease-in-out 0.05s;visibility: hidden;opacity: 0;background: white;position:absolute;z-index: 999;left: 100%;top: 0px;margin-left: -5px;width: 100%;box-sizing: border-box;/* padding: 14px 20px; */min-height: 120px;box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.03);border: 1px solid #EBEBEB;border-top: 0;pointer-events: none;/* visibility: visible !important; *//* opacity: 1 !important; *//* margin-left: 0 !important; *//* pointer-events: auto !important; *//* left: 311% !important; */}
.cxsemls-admin-panel.cxsemls-admin-panel-edit-content.cxsemls_active { visibility: visible; opacity: 1; margin-left: 0; pointer-events: auto;}
.cxsemls_force_hide { opacity:0 !important; }


.cxsemls_order_page_ui {  }
.cxsemls_order_page_ui .cxsemls_actions_dropdown {margin: 0;padding: 1px 0 6px;/* border-bottom: 1px solid red; */}
.cxsemls_order_page_ui .cxsemls_actions_dropdown select { width:100%; }
.cxsemls_order_page_ui .cxsemls_actions_buttons {text-align: left;}
.cxsemls_order_page_ui .cxsemls_actions_buttons .button {margin: 0;}
.cxsemls_order_page_ui #preview-email-button {  }
.cxsemls_order_page_ui #send-email {float: right;}

/* Send Emails - Template View
----------------------------------------*/
.cxsemls-template { box-sizing: border-box; padding: 0;margin: 0;/* border: 8px solid #F00; */ }

/* Compatability Warning */
.compatability-warning { position: absolute; width: 100%; height: 100%; background: #f1f1f1; z-index: 2;font-family: "Open Sans";text-align: left;top: 0;left: 0;box-sizing: border-box;padding: 0 90px;}
.compatability-warning-text {text-align: left;max-width: 525px;margin: 50px auto;color: #444444;font-size: 14px;line-height: 1.5em;position: relative;font-family: "Open Sans";}
.compatability-warning .compatability-warning-text { margin: 140px auto; }
.compatability-warning-text .dashicons { position: absolute;right: 100%;font-weight: normal;margin-right: 8px;  margin-top: -4px;font-size: 37px;width: auto;height: auto;color: #9B9B9B;}
.compatability-warning-text h6{ margin: 0 0 3px; font-size: 15px; }
.compatability-warning-text p{ margin: 0 0 6px; font-size: 13px; }
.compatability-warning-text a {  color: #00A0D2;font-size: inherit;text-decoration: none;}
.compatability-warning-text a:hover { text-decoration: underline; }



/* MAGINIFIC POPUP */
	
	/* EARLY CUSTOMIZATIONS */
	/*.cxsemls-mfp .mfp-iframe-holder .mfp-close {position: absolute;width: 25px;right: 25px;top: 25px;height: 25px;border-radius: 60px;line-height: 20px;padding: 0;margin: 0;opacity: 1;text-align: center;font-size: 23px;display: block;} */
	.cxsemls-mfp .mfp-iframe-holder .mfp-close {/* position: absolute; */width: 25px;right: 3px;/* top: 25px; */height: 25px;/* border-radius: 60px; */line-height: 20px;padding: 0;margin: 0;opacity: 1;text-align: center;font-size: 23px;display: block;background: none;border: 0;box-shadow: none;text-shadow: none;}
	.cxsemls-mfp .mfp-iframe-holder .mfp-close:after {display: block;content: "\00D7" ;position: relative;left: 0px;font-size: 23px;}
	.cxsemls-mfp .mfp-iframe-holder .mfp-close .mfp-close-icn { position:relative; left: -1px; padding: 0; margin: 0; text-align: center; display: none;}
	.cxsemls-mfp .mfp-iframe-holder {padding-top: 85px;padding-bottom: 85px;}
	.cxsemls-mfp .mfp-iframe-holder .mfp-content {/* width:400px; *//* height: calc( 100vh - -1000px ); */height: 100%;opacity: .01;transition: opacity .8s;}
	.cxsemls-mfp .mfp-iframe-holder .mfp-content.mfp-show { opacity:1; }
	.cxsemls-mfp .mfp-content iframe {height:100%;width: 100%;overflow: hidden !important;background: rgb(243, 243, 243);}
	
	/* FIX Z-INDEX ON WP-ADMIN */
	.cxsemls-mfp.mfp-bg { z-index: 9994; }
	.cxsemls-mfp.mfp-wrap { z-index: 9995; }

	/* CUSTOM ANIMATIONS */

		/* DARK OVERLAY */

			/* OVERLAY AT START */
			.cxsemls-mfp.mfp-fade.mfp-bg { opacity: 0; -webkit-transition: all .25s ease-out; -moz-transition: all .25s ease-out; transition: all .25s ease-out; }
			/* OVERLAY ANIMATE IN */
			.cxsemls-mfp.mfp-fade.mfp-bg.mfp-ready { opacity: 0.8; }
			/* OVERLAY ANIMATE OUT */
			.cxsemls-mfp.mfp-fade.mfp-bg.mfp-removing { opacity: 0; }

		/* POPUP CONTENT */

			/* CONTENT AT START */
			.cxsemls-mfp.mfp-fade.mfp-wrap .mfp-content { opacity: 0; -webkit-transition: all .25s ease-out; -moz-transition: all .25s ease-out; transition: all .25s ease-out; }
			/*CONTENT ANIMATE IN */
			.cxsemls-mfp.mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1;}
			/* CONTENT ANIMATE OUT */
			.cxsemls-mfp.mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; color: #FF0000; }


/* NOTIFICATIONS */
#cxsemls-notification-holder { position: fixed; left: 50%; top: 70px; z-index: 100000; width: 0;}
#cxsemls-notification-holder .cxsemls-notification {background: white;padding: .5em 0.9em .55em;border-radius: 2px;/* border: 1px solid rgb(225, 225, 225); */border-left: 4px solid #3AC24A;box-shadow: 0 0 0 1px rgba(0,0,0,0.05), 0 1px 3px rgba(0,0,0,0.04);font-size: 15px;line-height: 21px;color: rgb(88, 88, 88);margin-bottom: 5px;position: relative;float: left;white-space: nowrap;}
#cxsemls-notification-holder .cxsemls-notification.cxsemls-notification-medium { font-size: 18px; }
#cxsemls-notification-holder .cxsemls-notification.cxsemls-notification-large { font-size: 22px; }


/* LOADING */
.cx-loading-holder {position: fixed;left: 0;top: 0;z-index: 100001;background: rgba(255, 255, 255, 0.9);width: 100%;height: 100%;}
.cx-loading-inner-holder { position: absolute; left: 50%; top: 25%; width: 50%; margin-left: -25%; margin-top: -15px; padding-top: 35px; text-align: center; font-size: 13px; color: rgb(80, 80, 80); }
.cx-loading-graphic { background: url(loading.gif) no-repeat 50% 50%; width: 38px; height: 38px; margin:auto; background-color: white; border-radius:200px; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);}







/* RE-USABLE COMPONENTS */

	
	/* MODAL CONTENT (FORM). RE-USABLE */
	.cxsemls-create-modal {background: #ffffff;padding: 0;border-radius: 2px;box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.3), 0 0 120px rgba(0, 0, 0, 0.25);width: 420px;color: #3d4246;font-weight: normal;font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;line-height: 18px;box-sizing: border-box;position: relative;/* top: -50px; */font-weight: normal;}
	.cxsemls-create-modal .cxsemls-create-modal-title {font-weight: 700;font-size: 14px;line-height: 19px;padding: 12px 30px 13px 16px;border-bottom: 1px solid rgba(0,0,0,0.07);margin: 0;/* background: rgb(255, 255, 255); */}
	.cxsemls-create-modal .cxsemls-create-modal-content-inner {padding: 9px 30px 22px;position: relative;background: #fbfbfb;border-radius: 0 0 3px 3px;}
	.cxsemls-create-modal .cxsemls-create-modal-row {padding: 12px 0 0;margin: 0;}
	.cxsemls-create-modal a { font-weight: normal; }
	
		/* FORM ELEMENTS */
		.form-table .cxsemls-create-modal p,
		.cxsemls-create-modal p {margin: 0.5em 0;}
		.cxsemls-create-modal label {padding: 0 0 3px;font-size: 13px;display: block;color: #777;}
		.cxsemls-create-modal input[type=text],
		.cxsemls-create-modal select { width: 100%; }
		.cxsemls-create-modal input:not([type=checkbox]):not([type=radio]) { background: rgb(255, 255, 255); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.03) inset; border: 1px solid rgba(0, 0, 0, 0.2); padding: 5px 7px; color: #51565a !important; border-radius: 2px; line-height: 20px; height: auto; box-sizing: border-box; }
		.cxsemls-create-modal select { background: rgb(255, 255, 255); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.03) inset; border: 1px solid rgba(0, 0, 0, 0.2); padding: 5px 17px 5px 7px; color: #51565a !important; border-radius: 2px; line-height: 22px; height: auto; box-sizing: border-box; }
		.cxsemls-modal-description { font-size: 13px; color: #a2a2a2; font-style: italic; }
		
		/* FORM ERRORS */
		.cxsemls-create-modal .notice,
		.cxsemls-create-modal div.updated,
		.cxsemls-create-modal div.error {margin: 3px 0 8px;border-radius: 2px;}

	.cxsemls-create-modal .cxsemls-settings-icon {position: absolute;right: 25px;top: 12px;color: #b7b7b7;font-size: 15px;line-height: 19px;border-radius: 100px;width: 20px;transition: .2s;}
	.cxsemls-create-modal .cxsemls-settings-icon:hover {color: #3d3d3d;}
	
	.cxsemls-create-modal input[type=checkbox] { width: auto !important; }
	.cxsemls-create-modal .create-customer-checkbox-row { padding: 15px 0 3px; }

	#order_data .order_data_column .cxsemls-create-modal p.create-customer-checkbox-row,
	.form-table p.create-customer-checkbox-row {margin: 1.2em 0;}
	#order_data .order_data_column .cxsemls-create-modal .create-customer-checkbox-row label,
	.create-customer-checkbox-row label{ display: inline-block; padding: 0; margin: 0 0 0 0px; }
	
	.user-capability-restricted{ color: #BBB; font-style: italic; }
	.required-field { color: red; }
	
	p.cxsemls-create-modal-buttons-row { margin-top: 0; }
	.cxsemls-create-modal-buttons-row .button { margin: .5em 0; }
	
	.button.cxsemls-send-email-form-cancel {}
	.button.cxsemls-send-email-form-submit {float: right;}


	/* MODAL COMPONENT */
	.cxsemls-component-modal-cover {width: 100%;height: 100%;background: rgba(0,0,0,0.7);position: fixed;left: 0;top: 0;z-index: 100000;transition: all 0s, opacity .2s;opacity: 0;}
	.cxsemls-component-modal-popup {transform: scale(.97) translate(0,0);opacity: 0;transition: all 0s, opacity .15s, transform .15s;transition-timing-function: cubic-bezier(.55,0,.1,1) !important;}
		
		/* NEW (FROM MAGNIFIC) */
		.cxsemls-component-modal-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: .8; }
		.cxsemls-component-modal-wrap {top: 0;left: 0;width: 100%;height: 100%;z-index: 100000;position: fixed;outline: none !important;overflow-x: hidden;overflow-y: auto;}
		.cxsemls-component-modal-container {text-align: center;position: absolute;width: 100%;height: 100%;left: 0;top: 0;padding: 15px 15px;/* padding: 0; */-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
		.cxsemls-component-modal-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; }
		.cxsemls-component-modal-content {position: relative;display: inline-block;vertical-align: middle;margin: 0 auto;text-align: left;z-index: 1045;box-sizing: border-box;padding: 0;}
			
			.cxsemls-cross {line-height: 22px;width: 22px;height: 22px;text-align: center;border-radius: 100px;color: #2a2c31;font-size: 14px;cursor: pointer;/* float: right; */font-weight: normal;transition: .1s;top: 11px;right: 10px;position: absolute;}
			.cxsemls-cross:hover {background: rgb(41, 41, 41);color: rgb(255, 255, 255);/* box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2), 0 2px 0 rgba(0, 0, 0, 0.1); */}
			.cxsemls-cross:active { background: rgba(0,0,0,0.75); color: white; }
			.cxsemls-cross:active {box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) inset;transform: translate( 0px, 1px );transition: 0s;}
			
			/* PLAY-IN ANIMATIONS */
			.cxsemls-component-modal-cover.cxsemls-modal-play-in { opacity: 1; }
			.cxsemls-component-modal-popup.cxsemls-modal-play-in { opacity: 1; transform: scale(1) translate(0); }
			
			/* HARD HIDES */
			.cxsemls-component-modal-cover.cxsemls-component-modal-hard-hide,
			.cxsemls-component-modal-popup.cxsemls-component-modal-hard-hide { left: 0; top: -200%; }
			.cxsemls-component-modal-content-hard-hide { left: 0; top: -200% !important; position: fixed !important; }

			/* MODAL POSITIONS */
			.cxsemls-component-modal-popup.cxsemls-modal-position-top-right { top: 70px;right: 60px; left: auto; margin: 0 !important;}
			.cxsemls-component-modal-popup.cxsemls-modal-position-top-center { top: 70px; margin-top: 0 !important; transition: all 0s 0s, opacity .2s, transform .2s; }
			
			/* RESPONSIVE */
			@media all and (max-width: 600px) {
				
				/*.cxsemls-component-modal-popup {max-width: none;width: calc( 100% - 30px );margin: 0;position: absolute;left: 15px;right: auto;top: 180px;bottom: auto;border: 0;}*/
			}
