/* ORDER PAGE */
	
	/* BUTTONS (GENERAL) */
	.cxccoo-button {margin: 6px 0 12px 0;display: inline-block;text-decoration: none;font-size: 13px;line-height: 26px;height: 30px;padding: 0 11px 1px;cursor: pointer;border-width: 1px;border-style: solid;border-radius: 3px;white-space: nowrap;box-sizing: border-box;color: #555;border-color: #cccccc;background: #f7f7f7;box-shadow: 0 1px 0 #cccccc;vertical-align: top;text-align: center;}
	.cxccoo-button:hover {background: #fafafa;border-color: #999;color: #23282d;}
	.cxccoo-button:active {color: #3e3e3e;background: #eee;border-color: #999;box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );transform: translateY(1px);}
	
	.cxccoo-button-primary {background: #0085ba;border-color: #0073aa #006799 #006799;-webkit-box-shadow: 0 1px 0 #006799;box-shadow: 0 1px 0 #006799;color: #fff;text-decoration: none;text-shadow: 0 -1px 1px #006799, 1px 0 1px #006799, 0 1px 1px #006799, -1px 0 1px #006799;}
	.cxccoo-button-primary:hover {background: #008ec2;border-color: #006799;color: #fff;}
	.cxccoo-button-primary:active {	background: #0073aa;border-color: #006799;-webkit-box-shadow: inset 0 2px 0 #006799;box-shadow: inset 0 2px 0 #006799;vertical-align: top;}
	
	/* MAIN CREATE USER BUTTON - WOOCOMMERCE ORDER PAGE */
	.cxccoo-button.cxccoo-create-user-main-button {width: 100%;}
	.cxccoo-button.cxccoo-create-user-main-button .cxccoo-create-user-icon {width: 9px;display: inline-block;background: url(../images/create-user-button-icon.png) 50% 55% no-repeat;margin: 0 0 0 1px;opacity: 0.5;}
	
	/* MAIN CREATE USER BUTTON - WOOCOMMERCE BOOKING PLUGIN */
	.wc_booking_page_create_booking .cxccoo-button.cxccoo-create-user-main-button {max-width: 350px;box-sizing: border-box;}
	
	/* MODAL CONTENT (FORM). RE-USABLE */
	.cxccoo-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;}
	.cxccoo-create-modal .cxccoo-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); */}
	.cxccoo-create-modal .cxccoo-create-modal-content-inner {padding: 9px 30px 22px;position: relative;background: #fbfbfb;border-radius: 0 0 3px 3px;}
	.cxccoo-create-modal .cxccoo-create-modal-row {padding: 12px 0 0;margin: 0;}
	.cxccoo-create-modal a { font-weight: normal; }

	/* RESPONSIVE */
	@media all and (max-width: 500px) {
		
		.cxccoo-create-modal {margin: 0 auto;width: 80%;width: calc( 100vw - 60px );}
	}
	
		/* FORM ELEMENTS */
		.form-table .cxccoo-create-modal p,
		.cxccoo-create-modal p {margin: 0.5em 0;}
		.cxccoo-create-modal label {padding: 0 0 3px;font-size: 13px;display: block;color: #777;}
		.cxccoo-create-modal input[type=text],
		.cxccoo-create-modal select { width: 100%; }
		.cxccoo-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; }
		.cxccoo-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; }

		/* FORM ERRORS */
		.cxccoo-create-modal .notice,
		.cxccoo-create-modal div.updated,
		.cxccoo-create-modal div.error {margin: 3px 0 8px;border-radius: 2px;}

	.cxccoo-create-modal .cxccoo-settings-icon {position: absolute;right: 25px;top: 12px;color: #b7b7b7;font-size: 15px;line-height: 19px;border-radius: 100px;width: 20px;transition: .2s;}
	.cxccoo-create-modal .cxccoo-settings-icon:hover {color: #3d3d3d;}
	
	.cxccoo-create-modal input[type=checkbox] { width: auto !important; }
	.cxccoo-create-modal .create-customer-checkbox-row { padding: 15px 0 3px; }

	#order_data .order_data_column .cxccoo-create-modal p.create-customer-checkbox-row,
	.form-table p.create-customer-checkbox-row {margin: 1.2em 0;}
	#order_data .order_data_column .cxccoo-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.cxccoo-create-modal-buttons-row { margin-top: 0; }
	.cxccoo-create-modal-buttons-row .cxccoo-button { margin: .5em 0; }
	
	.cxccoo-button.cxccoo-create-user-form-cancel {}
	.cxccoo-button.cxccoo-create-user-form-submit {float: right;}
	
	/* SAVE ADDRESS TO USER */
	.cxccoo-order-save-actions{color: #777;font-weight: normal;display: none;text-align: right;float: right;font-size: 13px;line-height: 13px;}
	.cxccoo-order-save-actions.cxccoo-order-save-actions-spacing { margin-right: 9px; }
	.cxccoo-save-billing-address {}
	.cxccoo-save-shipping-address {}
	.cxccoo-order-save-actions input[type=checkbox] {margin: -2px 0 0 2px;}


/* SETTINGS PAGE */
.cxccoo-wrap-settings{ max-width: 950px; padding: 30px 15px 30px 0; }
.cxccoo-wrap-settings > p {color: #6D6D6D;font-style: italic;font-size: 15px;margin-top: 0;}

.cxccoo-wrap-settings .cxccoo-back { color: #0074AA; font-size: 13px; float: left;margin: 0 15px 0 0;background: #E0E0E0; text-decoration: none; border-radius: 2px; padding: 4px 9px 3px 6px; transition: .3s; line-height: 19px;}
.cxccoo-wrap-settings .cxccoo-back .dashicons { margin: 0 0 -6px; bottom: 2px; font-size: 18px; transition: .3s !important; position: relative; line-height: 22px; max-width: 10px; display: inline-block; left: -5px; }

.cxccoo-wrap-settings .cxccoo-back:hover { background: #D2D2D2; color: #007DB7; }
.cxccoo-wrap-settings p.submit { margin: 0; padding: 5px 0 15px; }

.cxccoo-wrap-settings h1 { font-size: 23px !important;padding: 0 15px 1 0 !important; line-height: 27px !important; color: #464646; clear: none !important; margin: 0;}
.cxccoo-wrap-settings h1 .dashicons { line-height:inherit; font-size: 20px; position: relative; bottom: -2px; margin: 0 3px; color: #989898; }

.cxccoo-wrap-settings h3, /* Backwards Compat */
.cxccoo-wrap-settings h2 {padding: 25px 0 12px 0;margin: 25px 0 0;border-top: 1px solid rgba(0, 0, 0, 0.1);/* border-bottom: 1px solid rgba(0, 0, 0, 0.1); */font-size: 16px;font-style: normal;}
.cxccoo-wrap-settings table.form-table .description,
.cxccoo-wrap-settings table.form-table td.forminp-textarea p { display: block; margin-top: 6px; margin-bottom: 6px; color: #6D6D6D; font-style: italic; font-size: 14px; }
.cxccoo-wrap-settings table.form-table .forminp-checkbox .description{ margin-top: 0; }
.cxccoo-wrap-settings table.form-table td.forminp-textarea p { margin-bottom: 12px; }
.cxccoo-wrap-settings table.form-table td.forminp-textarea textarea { width: 100%; }


/* RE-USABLE COMPONENTS */

	/* MODAL COMPONENT */
	.cxccoo-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;}
	.cxccoo-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) */
		.cxccoo-component-modal-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: .8; }
		.cxccoo-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;}
		.cxccoo-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;}
		.cxccoo-component-modal-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; }
		.cxccoo-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;}
			
		/* CLOSE CROSS */
		.cxccoo-component-modal-cross {line-height: 44px;width: 44px;height: 44px;text-align: center;color: #747882;font-size: 14px;cursor: pointer;font-weight: normal;transition: .1s;top: 0;right: 0;position: absolute;}
		.cxccoo-component-modal-cross:hover {color: black;}

		/* PLAY-IN ANIMATIONS */
		.cxccoo-component-modal-cover.component-modal-play-in { opacity: 1; }
		.cxccoo-component-modal-popup.component-modal-play-in { opacity: 1; transform: scale(1) translate(0); }

		/* HARD HIDES */
		.component-modal-hard-hide { left: 0; top: -200% !important; position: fixed !important; }

		/* MODAL POSITIONS */
		.cxccoo-component-modal-popup.cxccoo-modal-position-top-right { top: 70px;right: 60px; left: auto; margin: 0 !important;}
		.cxccoo-component-modal-popup.cxccoo-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) {

			/*.cxccoo-component-modal-popup {max-width: none;width: calc( 100% - 30px );margin: 0;position: absolute;left: 15px;right: auto;top: 180px;bottom: auto;border: 0;}*/
		}