/* Plugin Settings */

.wp-admin .wrap h1 {
	padding: 9px 0 4px 32px; background-image: url(../img/ga-pro-48x48.png); background-color: transparent; 
	background-repeat: no-repeat; background-position: 0 11px; background-size: 24px 24px; 
	}
.wp-admin .wrap form h2 { margin-top: 30px; }
.wp-admin .wrap .gapro-version { display: inline-block; margin-left: 3px; color: #c7c7c7; font-size: 80%; text-shadow: 1px 1px 1px rgba(255,255,255,0.5); }
.wp-admin .wrap .gapro-section ul { margin: 0 0 0 30px; padding: 5px 0; list-style: disc outside; }

.wp-admin .wrap input[type=radio] { margin-top: -3px; }
.wp-admin .wrap input[type=checkbox] { margin-top: -2px; }
.wp-admin .wrap input[id*=css_color_] { width: 170px !important; }
.wp-admin .wrap label { display: block; margin: 3px 0 2px 3px; }
.wp-admin .wrap select + label.inline-block { margin-left: 5px; }
.wp-admin .wrap .inline-block { display: inline-block; margin: 0; }

.wp-admin .wrap .gapro-note { font-size: 90%; color: #777; }
.wp-admin .wrap form code { font-size: 90%; }
.wp-admin .wrap .hide { display: none; }

.wp-admin .wrap .gapro-preview-desc { margin: 7px 0 2px 3px; }
.wp-admin .wrap pre.gapro-preview {
	box-sizing: border-box; width: 100%; max-width: 500px; margin: 0; padding: 15px 20px; border: 1px solid #ddd; background-color: #fff;
	line-height: 18px; font-size: 12px; white-space: pre; -moz-tab-size: 2; -o-tab-size: 2; tab-size: 2;
	white-space: pre; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch;
	-webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none;
	-ms-word-break: normal; word-break: normal;
	}
	
/* More Screen */
.wp-admin .wrap .gapro-about-more { width: 100%; overflow: hidden; padding: 0 0 5px 0; }
.wp-admin .wrap .gapro-about-more img { display: block; width: 125px; height: 125px; margin: 0; padding: 0; border: 0; background-color: #fff; color: #fff; }
.wp-admin .wrap .gapro-about-more a { float: left; width: 125px; height: 125px; margin: 10px 10px 0 0; padding: 1px; border: 1px solid #ccc; opacity: 0.9; }
.wp-admin .wrap .gapro-about-more a:hover { opacity: 1.0; }

/* License Screen */

.wp-admin .wrap .gapro-warning { color: #cc6666; }
.wp-admin .wrap .gapro-success { color: #669966; }
.wp-admin .wrap .gapro-submit { margin-top: 24px; }
.wp-admin .wrap .gapro-success-code-enabled { width: 300px; margin-top: 25px; padding: 10px 20px; color: #669966; background-color: #e6f1e6; border-left: 10px solid #669966; }

.wp-admin .wrap .gapro-reveal-text { display: inline-block; margin: 0; padding: 0 0 0 4px; line-height: 20px; font-size: 20px; }
.wp-admin .wrap .gapro-reveal-text:link, .wp-admin .wrap .gapro-reveal-text:visited,
.wp-admin .wrap .gapro-reveal-text:hover, .wp-admin .wrap .gapro-reveal-text:active, 
.wp-admin .wrap .gapro-reveal-text:focus { outline: none; box-shadow: none; text-shadow: none; border: none; }

.wp-admin .wrap .gapro-license-input[type=text],
.wp-admin .wrap .gapro-license-input[type=password] { 
	display: inline-block; box-sizing: border-box; width: 350px; margin: 10px 0 5px 0; line-height: 20px; font-size: 14px; 
	}
.wp-admin .wrap .gapro-license-key { display: inline-block; margin: 10px 0 5px 0; padding: 5px 10px; font-size: 16px; border-radius: 1px; text-shadow: 1px 1px 1px #fff; }
.wp-admin .wrap .gapro-license-clear { 
	display: inline-block; width: 20px; height: 20px; line-height: 20px; margin: 0 0 0 5px; text-align: center; text-decoration: none; 
	color: #fff; background-color: #ddd; border-radius: 50%; font-size: 12px; transition: background-color 0.3s;
	}
.wp-admin .wrap .gapro-license-clear:hover { background-color: #ccc; }

/* Contextual Help */
.wp-admin .share-button { margin: 4px 0; }
.wp-admin .help-tab-content { margin-bottom: 24px; }
.wp-admin .help-tab-content ul ul { margin: 10px 0 10px 24px; }

/* Popup Alert */
.ui-dialog .ui-dialog-titlebar .ui-dialog-title { position: relative; left: 10px; }
.ui-dialog .ui-dialog-buttonpane, .ui-dialog .ui-dialog-titlebar, .ui-dialog .gapro-modal-dialog { text-align: center; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: none; }
.ui-dialog .ui-dialog-buttonpane .ui-button { margin: 0; }
.ui-dialog .ui-dialog-buttonpane .ui-button:first-child { margin-right: 15px; }