/* Plugin Settings */

.wp-admin 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 form h2 { margin-top: 30px; }
.wp-admin .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 abbr[title] { cursor: help !important; border-bottom: 1px dotted #777 !important; text-decoration: none !important; }

.wp-admin .notice code { line-height: 1; font-size: 12px; }
.wp-admin .gapro-dismiss-notice { float: right; }
@media (max-width: 1100px) {
	.wp-admin .gapro-dismiss-notice { float: none; }
}

.wp-admin .notice-margin p { margin: 10px 0; }

.wp-admin .notice-custom { background-image: url(../img/sun-icon.png); background-repeat: no-repeat; background-position: left 5px center; background-size: 60px 40px; }
.wp-admin .notice-custom p { margin: 15px 0; padding-left: 60px; line-height: 1.6; }
.wp-admin .notice-link { display: inline-block; margin-right: 5px; }
@media (max-width: 782px) {
	.wp-admin .notice-custom p { margin: 10px 0; }
}

.wp-admin textarea { display: block; }
.wp-admin input[type=radio] { margin-top: -3px; }
.wp-admin input[type=checkbox] { margin-top: -2px; }
.wp-admin input[id*=css_color_] { width: 170px !important; }

.wp-admin label, 
.wp-admin .gapro-preview-desc { display: block; margin: 6px 0 0 2px; color: #555; }
.wp-admin .wp-picker-input-wrap label { display: inline-block; }
.wp-admin .gapro-hidden { display: none; }

.wp-admin select + label.inline-block { margin-left: 5px; }
.wp-admin .inline-block { display: inline-block; margin: 0; }

.wp-admin .gapro-note { color: #777; }
.wp-admin .gapro-code { color: #666; background-color: #E7E7E7; padding: 1px 2px 2px 2px; border-radius: 1px; }
.wp-admin .hide { display: none; }

.wp-admin pre.gapro-preview {
	box-sizing: border-box; width: 100%; max-width: 500px; margin: 0; padding: 15px 20px; border: 1px solid #ddd; border-radius: 2px; 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;
	}

.wp-admin td ul { margin: 0 0 10px 0; }
.wp-admin td li { margin: 10px 0; }
.wp-admin td li:first-child { margin-top: 0; }
.wp-admin .form-table tr:nth-child(8) td,
.wp-admin .form-table tr:nth-child(8) th { padding-bottom: 30px; }

/* About Screen */

.gapro-about-plugin { margin: 25px 0 0 0; }
.wp-admin .gapro-section ul { margin: 0 0 0 30px; padding: 5px 0; list-style: disc outside; }
.wp-admin .gapro-about-more h2 { margin-top: 40px; }
.wp-admin .gapro-about-more div { box-sizing: border-box; width: 100%; overflow: hidden; margin: 15px 0 0 0; padding: 3px; }
.wp-admin .gapro-about-more a { float: left; width: 125px; height: 125px; margin: 5px 10px 5px 0; padding: 1px; border: 1px solid #ccc; opacity: 0.9; }
.wp-admin .gapro-about-more a:hover { opacity: 1.0; }
.wp-admin .gapro-about-more img { display: block; width: 125px; height: 125px; margin: 0; padding: 0; border: 0; background-color: #fff; color: #fff; }

/* License Screen */

.wp-admin .gapro-license-status { margin: 15px 0 20px 0; padding: 15px; background-color: #FFE0E0; border: 1px solid #d63638; }
.wp-admin .gapro-license-status-activated   { color: #669966; font-style: italic; }
.wp-admin .gapro-license-status-deactivated { color: #cc6666; font-style: italic; }
.wp-admin .gapro-license-constant { font-weight: bold; }

.wp-admin .gapro-license-input[type="text"],
.wp-admin .gapro-license-input[type="password"] { display: inline-block; box-sizing: border-box; width: 350px; margin: 10px 0 5px 0; padding: 10px; font-size: 16px; line-height: 16px; }
.wp-admin .gapro-license-key { display: inline-block; margin: 10px 0 5px 0; padding: 10px; font-size: 16px; line-height: 16px; border-radius: 1px; text-shadow: 1px 1px 1px #fff; }

.wp-admin .gapro-license-label { margin: 5px 0 25px 3px; font-size: 14px; }

.wp-admin .gapro-license-clear {
	display: inline-block; width: 20px; height: 20px; margin: 0 0 0 5px; padding: 0; line-height: 20px; font-size: 10px; text-align: center; text-decoration: none; 
	color: #fff; background-color: #ddd; border-radius: 50%; transition: background-color 0.3s;
	}
.wp-admin .gapro-license-clear:hover { background-color: #ccc; }

.wp-admin .emoji { padding-right: 3px; font-style: normal; }
.wp-admin .code-small { font-size: 90%; }

/* reveal password */

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

/* 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; }
.wp-admin .help-tab-content code { margin: 0; padding: 1px 2px 2px 2px; font-size: 12px; }

/* Popup Alert */

.ui-dialog .ui-dialog-title { padding-left: 18px; }
.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; }