@font-face { font-family: 'ganxy-font'; src: url('../fonts/ganxy-font.eot?h5x36a'); src: url('../fonts/ganxy-font.eot?#iefixh5x36a') format('embedded-opentype'), url('../fonts/ganxy-font.ttf?h5x36a') format('truetype'), url('../fonts/ganxy-font.woff?h5x36a') format('woff'), url('../fonts/ganxy-font.svg?h5x36a#ganxy-font') format('svg'); font-weight: normal; font-style: normal; }
i.mce-i-ganxy_shortcode:before { font-family: "ganxy-font"; content: "\e600"; font-size: 20px; color: #4f8f40; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.ganxy-help-icon + span:after { font-family: "dashicons"; content: "\f223"; font-size: 20px; color: #4f8f40; float: right; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.wp-submenu a[href*="ganxy-help-page"]:before { margin-left: -5px; color: #4f8f40 !important; font-family: ganxy-font; content: "\e600"; margin-right: 5px; font-size: 15px; vertical-align: text-bottom; }
.wp-submenu a[href*="ganxy-help-page"]:hover:before { color: inherit !important; }
div#ganxy-url-button:hover, div#ganxy-embed-button:hover, div#ganxy-help-button:hover { background-color: #4F8F40; }
#ganxy-add-options { font-weight: bold; font-size: 1.15em; border-bottom: 1px solid #ccc; margin-bottom: 4px; border-top: 1px solid #ccc; padding-top: 4px; height: 29px !important; }
#ganxy-add-options h3 { font-weight: bold; font-size: 1.15em; line-height: 1.65em; }
#ganxy-id-field { display: none; }
.mce-tooltip-inner { max-width: 300px !important; text-align: left !important; }

 @media screen and (max-width:640px) {
	.mce-tooltip-inner { max-width: 300px !important; text-align: left !important; }
	#ganxy-embed-wrapper { margin: auto 5%; width: 90% !important; height: auto !important; left: initial !important; }
	#ganxy-embed-wrapper-body > div > div { width: auto !important; max-width: 100%; box-sizing: border-box; }
	#ganxy-embed-wrapper-body { width: auto !important; max-width: 100%; box-sizing: border-box; height: auto !important; padding: 4%; }
	#ganxy-embed-wrapper-body .mce-container { width: auto !important; left: initial !important; top: initial !important; position: relative; height: auto !important; box-sizing: border-box; }
	#ganxy-embed-wrapper-body-wrapper-body .mce-container-body { width: auto !important; max-width: 100% !important; height: auto !important; box-sizing: border-box; }
	#ganxy-embed-wrapper-body label { display: inline-block; position: relative; width: auto !important; height: auto !important; line-height: 2em !important; top: initial !important; left: initial !important; box-sizing: border-box; }
	#ganxy-embed-wrapper-body label + textarea { display: block; position: initial; left: initial !important; width: 100% !important; top: initial !important; box-sizing: border-box; margin-bottom: 1%; height: 200px !important; }
	#ganxy-embed-wrapper-body .mce-container-body { width: auto !important; max-width: 100% !important; height: auto !important; box-sizing: border-box; }
	#ganxy-url-wrapper { margin: auto 5%; width: 90% !important; height: auto !important; left: initial !important; }
	#ganxy-url-wrapper-body > div > div { width: auto !important; max-width: 100%; box-sizing: border-box; }
	#ganxy-url-wrapper-body { width: auto !important; max-width: 100%; box-sizing: border-box; height: auto !important; padding: 4%; }
	#ganxy-url-wrapper-body label + input, #ganxy-url-wrapper-body label + .mce-listbox { display: block; position: initial; left: initial !important; width: 100% !important; top: initial !important; box-sizing: border-box; margin-bottom: 1%; height: 35px !important; }
	#ganxy-add-options { margin-top: 4%; }
	#ganxy-url-wrapper-body label + .mce-checkbox { display: inline-block; position: relative; left: initial !important; top: initial !important; box-sizing: border-box; height: 28px !important; padding-top: 5px; padding-left: 10px; }
	.mce-ganxy-options { display: block !important; width: 100% !important; }
	#ganxy-url-wrapper-body .mce-container { width: auto !important; left: initial !important; top: initial !important; position: relative; height: auto !important; box-sizing: border-box; }
	#ganxy-url-wrapper-body .mce-container-body { width: auto !important; max-width: 100% !important; height: auto !important; box-sizing: border-box; }
	#ganxy-url-wrapper-body label { display: inline-block; position: relative; width: auto !important; height: auto !important; line-height: 2em !important; top: initial !important; left: initial !important; box-sizing: border-box; }
	label#ganxy-option-zero-l, label#ganxy-option-one-l, label#ganxy-option-two-l, label#ganxy-option-three-l, label#ganxy-option-four-l, label#ganxy-option-five-l, label#ganxy-option-six-l, label#ganxy-option-seven-l, label#ganxy-option-eight-l { float: right; display: block; position: relative; width: 100% !important; padding-left: 38px; }
	#ganxy-help-wrapper { margin: auto 5%; width: 90% !important; height: auto !important; left: initial !important; }
	#ganxy-help-wrapper-body div { max-width: 100% !important; width: auto !important; position: relative !important; white-space: normal !important; top: 0 !important; left: 0 !important; height: auto !important; }
	#ganxy-help-wrapper-body { width: auto !important; max-width: 100%; padding: 6%; box-sizing: border-box; height: auto !important; }
	#ganxy-embed-wrapper .mce-foot, #ganxy-embed-wrapper .mce-foot > div,  #ganxy-url-wrapper .mce-foot, #ganxy-url-wrapper .mce-foot > div, #ganxy-help-wrapper .mce-foot, #ganxy-help-wrapper .mce-foot > div { max-width: 100%; width: auto !important; padding-top: 4px; text-align: right; padding-right: 4px; }
	#ganxy-embed-wrapper .mce-foot > div > div,  #ganxy-url-wrapper .mce-foot > div > div, #ganxy-help-wrapper .mce-foot > div > div { position: static !important; margin-left: 2%; }
}

 @media screen and (min-width:641px) {
	#ganxy-option-zero-l,  #ganxy-option-one-l,  #ganxy-option-two-l,  #ganxy-option-three-l,  #ganxy-option-four-l,  #ganxy-option-five-l,  #ganxy-option-six-l,  #ganxy-option-seven-l,  #ganxy-option-eight-l { position: absolute; float: left; display: inline-block; padding-left: 40px; }
	.mce-ganxy-options { float: left !important; position: absolute !important; display: inline-block; left: initial !important; padding-left: 10px !important; padding-top: 2px !important; }
}
