/* general settings */
.wrap .nav-tab .dashicons, .wrap button .dashicons, .wrap .button .dashicons { position: relative; top: 4px; }
span.required { color: #dc3232; }
input.error, textarea.error { border: 1px solid #dc3232; color: #dc3232; }

/* admin tabs */
.nav-tab:focus { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; color: #555; }
.actionnetwork-admin-tab { margin: 10px 0; }
.js .actionnetwork-admin-tab { display: none; }
/* .js .actionnetwork-admin-tab-active { display: block; } */

/* copy to clipboard buttons */
input[type="text"].copy-text { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; font-family: 'Courier', monospace; background: #fff; vertical-align: middle; margin-right: 0; }
button.copy { border: 1px solid #ddd; background: #fff; padding: 2px 5px; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; transition: background-color 0.5s ease;  vertical-align: middle; cursor: pointer; margin-left: 5px; }
button.copy:focus { outline: none; }
button.copy.copied { background-color: #0073aa; }

.checkbox-label { display: inline-block; margin: 6px 10px 0 6px; }
.checkbox-label input[type="checkbox"] { vertical-align: text-bottom; }

.wrap h1 img { width: 42px; vertical-align: middle; }

#actionnetwork-update-sync { text-align: right; }
#actionnetwork-update-sync .last-sync { font-size: 11px; color: #999; }

.wrap h2.nav-tab-wrapper { padding-top: 25px; margin-bottom: 40px; }

.notice .copy-text { width: 200px; }
.notice .loading { vertical-align: top; margin-left: 5px; margin-top: 1px; }

/* actions table */
#actionnetwork-actions h2 { margin-top: 0; }
#actionnetwork-actions .actionnetwork-action-hidden { background: #ffffdd; }
#actionnetwork-actions td.column-title,
#actionnetwork-actions td.column-type,
#actionnetwork-actions td.column-modified_date,
#actionnetwork-actions td.column-meta { font-size: 11px; line-height: 14px; }
#actionnetwork-actions .column-title .public-title { margin: 8px 0; font-size: 11px; color: #999; line-height: 14px; }
#actionnetwork-actions .column-title .public-title span { color: #555; }
#actionnetwork-actions .column-title .dashicons-hidden { float: right; margin-left: 10px; }
#actionnetwork-actions .column-shortcode { width: 270px; }
#actionnetwork-actions .column-shortcode .copy-text { width: 200px; }
#actionnetwork-actions .column-shortcode .shortcode-options-link { font-size: 11px; margin-top: 5px; }
#actionnetwork-actions .column-shortcode .shortcode-options-link a.shortcode-options-toggle { text-decoration: none; }
#actionnetwork-actions .column-shortcode .shortcode-options-link a.shortcode-options-toggle.active { font-weight: bold; }
#actionnetwork-actions .column-shortcode .shortcode-options-editor { margin-top: 10px; padding: 10px; background: #f9f9f9; border: 1px solid #ddd; border-radius: 3px; }
#actionnetwork-actions .column-shortcode .shortcode-options-fields { display: flex; flex-direction: column; gap: 8px; }
#actionnetwork-actions .column-shortcode .shortcode-options-fields label { display: flex; align-items: center; gap: 5px; font-size: 12px; }
#actionnetwork-actions .column-shortcode .shortcode-options-fields select { flex: 1; min-width: 120px; }
#actionnetwork-actions .column-meta { width: 140px; }
#actionnetwork-actions td.column-meta { line-height: 22px; }
#actionnetwork-actions .column-meta .dashicons { width: 20px; text-align: left; }
#actionnetwork-actions .column-meta img.icon { width: 16px; margin: 0 2px; vertical-align: text-top; }

#shortcode-options ul { list-style: disc outside none; padding-left: 2em; }

/* form settings */
#actionnetwork_add_embed_code,
#actionnetwork_add_location { width: 100%; height: 100px; font-family: 'Courier', monospace; }

/* Add Action form */
#actionnetwork-add-action-form {
	background: #f9f9f9;
	border: 1px solid #ddd;
	border-radius: 3px;
	padding: 15px 20px;
	margin-top: 15px;
}

#actionnetwork-add-action-form h3 {
	margin-top: 0;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ddd;
}

#actionnetwork-add-action-form .description {
	margin-top: 0;
	margin-bottom: 15px;
	font-style: italic;
	color: #646970;
}

#actionnetwork-add-action-form .form-table {
	margin-top: 0;
}

#actionnetwork-add-action-form .form-table th {
	width: 200px;
	padding-right: 20px;
}

#actionnetwork-add-action-form .form-table td input[type="text"],
#actionnetwork-add-action-form .form-table td input[type="date"] {
	width: 300px;
}

#actionnetwork-add-action-form .submit {
	margin-bottom: 0;
	padding-bottom: 0;
}

#actionnetwork-toggle-add-form {
	margin-left: 5px;
}

.actionnetwork-add-help-icon {
	color: #787c82;
	cursor: help;
	font-size: 18px;
	vertical-align: middle;
	margin-left: -6px;
}

.actionnetwork-add-help-icon:hover {
	color: #2271b1;
}