/* Admin Styles */
.before_after_wrapper .register_plugin {
	/* margin-top: 20px; */
}
.before_after_wrapper .register_plugin.is_registered p {
	font-style: italic;
	color: green;
}
.before_after_wrapper .register_plugin h3 {
	padding-top: 0;
	margin-top: 0;
}
.before_after_wrapper .register_plugin .field {
	padding-bottom: 10px;
}
.before_after_wrapper .register_plugin .submit {
	padding-top: 10px;
	margin: 0;
}
.before_after_wrapper .register_plugin label {
	display: block;
}
.before_after_wrapper .register_plugin input[type="text"] {

}
/* Add/Edit page */
.b_a_options input[type="radio"] {
	float: left;
	margin: 3px 5px 0 0;
}

.b_a_options > li {
	padding-bottom: 20px;
}

/*
.b_a_options .secondary-option {
	padding: 0px 0 0px 0px;
}			

.b_a_options .dependent-option {
	padding: 0px 0 0px 20px;
}			
*/


/* Gold Plugins Settings Page Styles */
.before_and_after_settings {
	position: relative;
}

.register_plugin h3,
.before_and_after_settings form > h3 {
    font-size: 24px;
    margin-top: 30px;
    padding-bottom: 0px;
}

.before_and_after_settings td h4 {
    border-bottom: 1px solid #ccc;
    font-size: 24px;
    margin: 0 0 0 -10px;
    padding-bottom: 10px;
}

.before_and_after_settings td .section_intro {
    margin-left: -10px;
    padding-top: 10px;
}


.before_and_after_settings .app_id_callout {
	background-color: pink;
	border: 1px solid red;
	box-shadow: -1px 1px 0px red;
	padding: 5px 15px 5px;
	margin: 20px 0;
}

.before_and_after_settings #plugin_status_table {
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
	margin-bottom: 20px;
	width: 800px;
}

.before_and_after_settings #plugin_status_table tr.success td {
	background-color: white;
}

.before_and_after_settings #plugin_status_table tr.fail td {
	background-color: lightpink;
}


.before_and_after_settings #plugin_status_table td {
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;	
	padding: 10px 10px;
	font-weight: bold;
}

.before_and_after_settings #plugin_status_table td:first-child {
	text-align: center;
	width: 30px;
}

.before_and_after_settings #plugin_status_table td:first-child img {	
	height: auto;
	width: 24px;
}

.before_and_after_settings .alert_important {
	background-color: orangered;
	border-radius: 4px;
    color: white;
    padding: 15px;
}

.before_and_after_settings .alert_important strong {
	border-bottom: 1px solid salmon;
    display: block;
    margin-bottom: 7px;
    padding-bottom: 6px;
}

/* API Key boxes */
.before_and_after_settings .plugin_is_registered {
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
    color: green;
    font-weight: bold;
}

/* Styles for Settings Fields */
.before_and_after_settings .textarea_wrapper textarea {
	height: 250px;
	width: 100%;
}

.before_and_after_settings .form-table {
	max-width: 100%;
	table-layout: fixed;
}
.before_and_after_settings .form-table textarea,
.before_and_after_settings .form-table input[type="password"],
.before_and_after_settings .form-table input[type="text"] {
	max-width: 100%;
	width: 600px;
}
.before_and_after_settings .form-table .description {
	max-width: 600px;
}

#gold_plugins_shortcode_generator .disabled
{
	/* IE 8 */
	  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

	/* IE 5-7 */
	filter: alpha(opacity=50);

	/* Netscape */
	-moz-opacity: 0.5;

	/* Safari 1.x */
	-khtml-opacity: 0.5;

	/* Good browsers */
	opacity: 0.5;
}

#gold_plugins_shortcode_generator .sc_gen_control_group
{
	padding-bottom: 10px;
	margin-bottom: 10px;
}
#gold_plugins_shortcode_generator .sc_gen_control_group label
{
	display: block;
}

#gold_plugins_shortcode_generator .inline-select-wrapper
{
	display: inline-block;
}

#gold_plugins_shortcode_generator #sc_gen_output_wrapper {
	display: none;
}

#gold_plugins_shortcode_generator #sc_gen_output {
	min-height: 50px;
	min-width: 800px;
	
}

#gold_plugins_shortcode_generator #sc_gen_output_wrapper label {
    display: block;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px;
    margin-top: 20px;
}

#gold_plugins_shortcode_generator #sc_gen_output_wrapper p.description {
    margin-bottom: 15px;
}
#gold_plugins_shortcode_generator .upgrade_notice {
	margin-left: -10px;
}

/* Goal shortcodes metabox on Add/Edit goal page */
.gp_code_example_wrapper .gp_code_example,
#b_a_help .gp_code_example,
#goal_shortcodes .gp_code_example {
	height: 28px;
	max-width: 550px;
	width: 100%;
}


/* Widgets */

.widget-content .gp_widget_form_wrapper fieldset.radio_text_input {
    border: 1px solid lightgray;
    margin: 10px 3px;
    padding: 10px;
}
.widget-content .gp_widget_form_wrapper fieldset.radio_text_input .bikeshed_radio {
	margin-top: -15px;
	padding-left: 2px;
}
.widget-content .gp_widget_form_wrapper fieldset.radio_text_input .bikeshed_radio p {
	margin-top: 0;
}
.widget-content .gp_widget_form_wrapper fieldset.radio_text_input .bikeshed_radio .radio_option label {
	display: inline-block;
	width: auto;
}
.widget-content .gp_widget_form_wrapper fieldset.radio_text_input .bikeshed_radio .radio_option input[type="text"] {
	display: inline-block;
    margin: 0 2px 0 4px;
    position: relative;
    text-align: right;
    top: 2px;
    width: 50px;
}
.widget-content .gp_widget_form_wrapper fieldset.radio_text_input .bikeshed_radio .radio_option:last-child::after {
	content: " px";
	position: relative;
	top: 2px;
}

.gp_widget_form_wrapper select {
	width: 99%;
}

.gp_widget_form_wrapper .radio_wrapper.radio_group {
    margin-bottom: 25px;
}

.gp_widget_form_wrapper .radio_group .radio_group_label {
    margin: 0 10px -5px 0;
    font-weight: normal;
}

.gp_widget_form_wrapper .radio_group p {
    padding-left: 6px;
}


/* Conversion Fields Meta Box */
.conversion_fields {
	margin: 10px 0 0;
	width: 100%;
}

.conversion_fields th {
    background-color: #efefef;
    padding: 6px 2px 6px 6px;
    text-align: left;
}

.conversion_field td {
    padding: 6px 10px 6px 6px;
	border-bottom: 1px solid #efefef;
	vertical-align: top;
}

.conversion_label {
    font-weight: bold;
}


.conversion_form_data td {
    padding: 0 5px 5px;
	border-bottom: 0 none;
}

#conversion_cookies_message {
    background-color: white;
	border: 1px solid gray;
	border-left: 3px solid green;
    box-shadow: 1px 1px 1px lightgray;
	display: none;
    margin-bottom: 20px;
    padding: 10px;
}


#b_a_export_button_wrapper {
    float: left;
    margin-bottom: 4px;
}

#b_a_export_button_wrapper .export_button {
	height: 28px;
    line-height: 28px;
    margin: 3px 8px 0 0;
    vertical-align: middle;
}


.b_a_pro_link {
	color:#e64a19;
	font-weight:bold;
	font-size:108%;
}

#before_after_shortcode_generator .mce-container-body .mce-toolbar,
#before_after_shortcode_generator .mce-container-body .mce-statusbar,
#before_after_shortcode_generator .mce-container-body .mce-toolbar-grp {
	display: none;
}

#wp-before_and_after_shortcode_generator-media-buttons > button,
#wp-before_and_after_shortcode_generator-media-buttons > div {
	display: none;
}

#wp-before_and_after_shortcode_generator-media-buttons > .before_after_media_buttons {
	display: inline-block;
}

/* Upgrade Page */
.before_and_after_admin_wrap {
	position: relative;
}
.before_and_after_admin_wrap .stars {
    margin-bottom: 10px;
    white-space: nowrap
}
.before_and_after_admin_wrap .stars  .dashicons-star-filled {
	color: gold;
	text-shadow: 1px 1px goldenrod;	
}
.before_and_after_admin_wrap .gp_upgrade {
	max-width: 95%;
}

.before_and_after_admin_wrap .gp_upgrade .gp_upgrade_header {
	margin-top: 40px;
	margin-bottom: 40px;
}

.before_and_after_admin_wrap .gp_upgrade .gp_upgrade_body {
    background-color: white;
    border: 1px solid lightgray;
	padding: 0;
	max-width: 960px;
}

.before_and_after_admin_wrap .gp_upgrade .gp_upgrade_body .customer_testimonial {
	width: 480px;
	box-sizing: border-box;
	margin-left: 0px;
	padding: 50px 40px 20px;
}

.before_and_after_admin_wrap .gp_upgrade .gp_upgrade_body .header_wrapper {
	box-shadow: 0px 5px 10px lightgray;
	height: auto;
	margin-bottom: 40px;
	padding-bottom: 20px;
}

.before_and_after_admin_wrap .gp_upgrade .gp_upgrade_body .video_wrapper iframe {
	max-width: 100%;	
}

@media only screen and (max-width: 600px) {
	.before_and_after_admin_wrap .gp_upgrade .gp_upgrade_body .customer_testimonial {
		padding: 20px;
		max-width: 100%;
		width: auto;
	}
	.before_and_after_admin_wrap .gp_upgrade .gp_upgrade_body .upgrade_left_col {
		padding: 0 30px;
	}
}
@media only screen and (max-width: 1160px) {

	.before_and_after_admin_wrap .gp_upgrade .gp_upgrade_body {
		max-width: 480px;
		min-width: 300px;
	}
	.before_and_after_admin_wrap .gp_upgrade .gp_upgrade_body .bottom_cols > div {
		border: 0 none;
		display: block;
		width: 100%;
	}
	.before_and_after_admin_wrap .gp_upgrade .gp_upgrade_body .bottom_cols > .how_to_upgrade {
		border-bottom: 1px solid lightgray;
	}
}

@media only screen and (min-width: 1160px) {

	.before_and_after_admin_wrap .gp_upgrade .gp_upgrade_body .header_wrapper {
		height: 270px;
		padding-bottom: 0;
	}

	.before_and_after_admin_wrap .gp_upgrade .gp_upgrade_body .gp_slideshow {
		float: left;
	}

	.before_and_after_admin_wrap .gp_upgrade .gp_upgrade_body .video_wrapper {
		float: left;
	}

	.before_and_after_admin_wrap .gp_upgrade .gp_upgrade_body .customer_testimonial {
		margin-left: 480px;
	}

}

.before_and_after_admin_wrap #signup_wrapper {
	position: absolute;
	margin-right: 20px;
	left: 1000px;
	right: auto;
	top: 58px;
	width: 344px;
}

.upgrade_left_col ul > li::before {
	background-image: url('../img/check-mark.png');
	content: " ";
	position: absolute;
	top: 5px;
	left: 0;
	z-index: 100;
	display: block;
	height: 14px;
	width: 14px;
	background-size: 14px 14px;
	background-repeat: no-repeat;
}
.upgrade_left_col ul > li {
	position: relative;
	padding-left: 24px;			
	margin-left: 19px;
	font-size: 14px;
	line-height: 1.5;
	max-width: 450px;
}
.before_and_after_admin_wrap #signup_wrapper #mc_embed_signup {
	padding-bottom: 15px;
}	
.sidebar_hello_t.hello_t_banner {
	padding: 1px 20px;
	border: 1px solid #DCDCDC;
}	
.sidebar_hello_t .whiteButton {
	width: 100%;
	box-sizing: border-box;
}		
.before_and_after_admin_wrap .upgrade_left_col {
	margin: 20px auto 20px;
	max-width: 600px;
}

.before_and_after_admin_wrap .upgrade_left_col {
	padding: 0 60px 20px;
	max-width: 560px;
}

.before_and_after_admin_wrap .upgrade_left_col h3 {
	line-height: 1.25;
	margin-bottom: 20px;
}
.before_and_after_admin_wrap .upgrade_left_col .all_features_link {
	font-size: 14px;
}
.before_and_after_admin_wrap .bottom_cols {
	border-top: 1px solid lightgray;
	margin-top: 53px;
}
.before_and_after_admin_wrap .bottom_cols > div {
	width: 49%;
	display: inline-block;
	padding: 20px 40px;
	box-sizing: border-box;
	vertical-align: top;
}
.before_and_after_admin_wrap .how_to_upgrade {
	border-right: 1px solid lightgray;
}


@media only screen and (min-width: 1300px) and (max-width: 1400px) {
	.before_and_after_admin_wrap .gp_upgrade #signup_wrapper {
		border-radius: 5px;
		margin-top: 40px;
	}
	
	.before_and_after_admin_wrap .gp_upgrade #signup_wrapper #mc_embed_signup {
		min-height: 400px;
		max-width: none;
		margin-right: 0;
		width:470px;
	}
	.before_and_after_admin_wrap .gp_upgrade #signup_wrapper .hello_t_banner {
		min-height: 400px;
		border-left: 0 none;
		max-width: none;
		width: 490px;
	}
		
}
	
@media only screen and (max-width: 1530px) {

	.before_and_after_admin_wrap #signup_wrapper {
		left: initial;
		position: relative;
		margin-left: 0px;
		margin-right: 0px;
		right: auto;
		top: 0;
		margin-top: 20px;
		padding-left: 0;
		max-width: none;
		min-width: 300px;
		width: 100%;
	}

	.before_and_after_admin_wrap #signup_wrapper #mc_embed_signup {
		box-sizing: border-box;
		float: left;
		width: 100%;
		max-width: 480px;
		margin-bottom: 20px;
		margin-right: 20px;
	}

	.before_and_after_admin_wrap #signup_wrapper .hello_t_banner {
		box-sizing: border-box;
		float: left;
		margin-top: 0;
		max-width: 480px;
		width: 100%;
	}

}

.before_and_after_admin_wrap .upgrade_button {
	padding: 12px 0 0 14px;
}

/* Upgrade to Pro link */
#adminmenu .before_and_after_free_admin_menu ul.wp-submenu > li:last-child > a {
	color: #3ce038;
	font-weight: bold;
}

#adminmenu .before_and_after_free_admin_menu ul.wp-submenu > li:last-child > a.current {
	color: inherit;
}

.before_and_after_admin_wrap .upgrade_button a {
	-moz-box-shadow:inset 0px 1px 0px 0px #d9fbbe;
	-webkit-box-shadow:inset 0px 1px 0px 0px #d9fbbe;
	box-shadow:inset 0px 1px 0px 0px #d9fbbe;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #b8e356), color-stop(1, #a5cc52));
	background:-moz-linear-gradient(top, #b8e356 5%, #a5cc52 100%);
	background:-webkit-linear-gradient(top, #b8e356 5%, #a5cc52 100%);
	background:-o-linear-gradient(top, #b8e356 5%, #a5cc52 100%);
	background:-ms-linear-gradient(top, #b8e356 5%, #a5cc52 100%);
	background:linear-gradient(to bottom, #b8e356 5%, #a5cc52 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8e356', endColorstr='#a5cc52',GradientType=0);
	background-color:#b8e356;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #83c41a;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:20px;
	font-weight:bold;
	padding:12px 26px;
	text-decoration:none;
	text-shadow:0px 1px 0px #86ae47;
}
.before_and_after_admin_wrap .upgrade_button a:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #a5cc52), color-stop(1, #b8e356));
	background:-moz-linear-gradient(top, #a5cc52 5%, #b8e356 100%);
	background:-webkit-linear-gradient(top, #a5cc52 5%, #b8e356 100%);
	background:-o-linear-gradient(top, #a5cc52 5%, #b8e356 100%);
	background:-ms-linear-gradient(top, #a5cc52 5%, #b8e356 100%);
	background:linear-gradient(to bottom, #a5cc52 5%, #b8e356 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a5cc52', endColorstr='#b8e356',GradientType=0);
	background-color:#a5cc52;
}
.before_and_after_admin_wrap .upgrade_button a:active {
	position:relative;
	top:1px;
}

.before_and_after_admin_wrap .whiteButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
	background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
	background-color:#f9f9f9;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#969494;
	font-family:Arial;
	font-size:20px;
	font-weight:bold;
	padding:11px 24px;
	text-align:center;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
	width: 100%;
	box-sizing: border-box;
}
.before_and_after_admin_wrap .whiteButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
	background:-moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);
	background-color:#e9e9e9;
}
.before_and_after_admin_wrap .whiteButton:active {
	position:relative;
	top:1px;
}

.before_and_after_admin_wrap .gp_upgrade .gp_upgrade_body .gp_slideshow .slide .caption {
	background-color: #212121;
	background-color: #212121d9;
	color: white;
	line-height: 40px;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: auto;
	min-height: 40px;
}
.before_and_after_admin_wrap .gp_upgrade .upgrade_intro {
	margin: 20px auto 20px;
    max-width: 750px;
	padding: 30px;
    font-size: 18px;
}


.gp_slideshow {
	border-right: 1px solid lightgray;
	position: relative;
	overflow: hidden;
	height: auto;
	width: 480px;
	max-height: 270px;
	max-width: 100%;
}

.gp_slideshow ul {
	position: relative;
	margin: 0;
	padding: 0;
	height: 270px;
	list-style: none;
}

.gp_slideshow ul li {
  position: relative;
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  width: 480px;
  height: 270px;
  background: #ccc;
  text-align: center;
  line-height: 270px;
}


@media only screen and (max-width: 600px) {
	.before_and_after_admin_wrap .gp_upgrade .gp_upgrade_body .gp_slideshow .slide .caption {
		text-align: left;
		padding-left: 20px;
	}
}


.gp_slideshow a.control_prev,
.gp_slideshow a.control_next {
  position: absolute;
  top: 40%;
  z-index: 999;
  display: block;
  padding: 4% 3%;
  width: auto;
  height: auto;
  background: #2a2a2a;
  color: #fff;
  text-decoration: none;
  font-weight: 600;
  font-size: 18px;
  opacity: 0.8;
  cursor: pointer;
}

.gp_slideshow a.control_prev:hover,
.gp_slideshow a.control_next:hover {
  opacity: 1;
  -webkit-transition: all 0.2s ease;
}

.gp_slideshow a.control_prev {
  border-radius: 0 2px 2px 0;
}

.gp_slideshow a.control_next {
  right: 0;
  border-radius: 2px 0 0 2px;
}

/* Form stuff from long, long ago */
.before_and_after_admin_wrap #signup_wrapper #mc_embed_signup {
	position: relative;
	overflow: hidden;
}
.before_and_after_admin_wrap #signup_wrapper #mc_embed_signup #mc-show-coupon-codes {
	margin-top: 20px;
}

.before_and_after_admin_wrap #mc_embed_signup .save_now {
    margin-top: 10px;
    padding-left: 10px;
}

.before_and_after_admin_wrap #mc_embed_signup h3 {
	color: purple;
    display: block;
    font-size: 19px;
    font-weight: bold;
    margin: 0;
    padding-bottom: 10px;
}


.before_and_after_admin_wrap #mc_embed_signup p.pitch {  
	color: #454545;
    margin-bottom: 20px;
}
.before_and_after_admin_wrap #mc_embed_signup .secure {
	text-align: center;
	font-size: 8px;
	line-height: 16px;
	font-weight: bold;
	font-family: Verdana, sans-serif;
	text-transform: uppercase;
	color: darkgray;
	padding-top: 8px;
	padding-bottom: 8px;
}

.before_and_after_admin_wrap #mc_embed_signup .secure img {
	display: inline-block;
	margin-right: 5px;
    position: relative;
    top: 2px;
}


.before_and_after_admin_wrap #mc_embed_signup .explain {
	color: #808080;
	width: auto;
}
.before_and_after_admin_wrap #mc_embed_signup label {
	color: purple;
	display: block;
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 5px;
}
.before_and_after_admin_wrap #mc_embed_signup input.name,
.before_and_after_admin_wrap #mc_embed_signup input.email {
	display:block;
	padding:8px 0;
	margin:0 4% 10px 0;
	text-indent:5px;
	width:100%;
	min-width:130px;
}
.before_and_after_admin_wrap #mc_embed_signup #mce-NAME {
	margin-bottom: 20px;
}

.before_and_after_admin_wrap #mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%;margin: 0 5%; clear: both;}
.before_and_after_admin_wrap #mc_embed_signup div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;}
.before_and_after_admin_wrap #mc_embed_signup #mce-error-response {display:none;}
.before_and_after_admin_wrap #mc_embed_signup #mce-success-response {color:#529214; display:none;}
.before_and_after_admin_wrap #mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}		
.before_and_after_admin_wrap #mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; }
.before_and_after_admin_wrap #mc_embed_signup {
			background-color: white;
			border: 1px solid #DCDCDC;
			clear: left;
/* 			color: #008000;
 */			font: 14px Helvetica,Arial,sans-serif;
			margin-top: 0px;
			margin-bottom: 0px;
			max-width: 800px;
			padding: 15px 12px 5px;
}
.before_and_after_admin_wrap #mc_embed_signup form{padding: 10px}

.before_and_after_admin_wrap #mc_embed_signup .special-offer {
	color: #808080;
	margin: 0;
	padding: 0 0 3px;
	text-transform: uppercase;
}
.before_and_after_admin_wrap #mc_embed_signup .button {
  background: #5dd934;
  background-image: -webkit-linear-gradient(top, #5dd934, #549e18);
  background-image: -moz-linear-gradient(top, #5dd934, #549e18);
  background-image: -ms-linear-gradient(top, #5dd934, #549e18);
  background-image: -o-linear-gradient(top, #5dd934, #549e18);
  background-image: linear-gradient(to bottom, #5dd934, #549e18);
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  line-height: 1.5;
  height: auto;
  margin-top: 7px;
  text-decoration: none;
  width: 100%;
  text-align: center;
}

.before_and_after_admin_wrap #mc_embed_signup .button:hover {
  background: #65e831;
  background-image: -webkit-linear-gradient(top, #65e831, #5dd934);
  background-image: -moz-linear-gradient(top, #65e831, #5dd934);
  background-image: -ms-linear-gradient(top, #65e831, #5dd934);
  background-image: -o-linear-gradient(top, #65e831, #5dd934);
  background-image: linear-gradient(to bottom, #65e831, #5dd934);
  text-decoration: none;
}
.before_and_after_admin_wrap #signup_wrapper {
	max-width: 800px;
}
@media only screen and (max-width: 1075px) {
	.before_and_after_admin_wrap #signup_wrapper {
		position: static;
		margin: 30px 0 0 -10px;
		width: 300px;
	}
}

/* Help page */
.before_and_after_support_button {
    border: 1px solid #999;
    border-radius: 5px;
    cursor: pointer;
    display: inline-block;
    margin: 5px 0 0;
    padding: 10px;
    text-decoration: none;
}

/* New Edit Goal Page */
.secondary_fields {
	border: 1px solid lightgray;
	border-left: 4px solid green;
	display: none;
	margin-top: 10px;
	padding: 10px 16px;
}


.secondary_fields > h4 {
	margin-top: 4px;
	font-size: 1.2em;
	font-weight: bold;
}

.secondary_fields > label {
	/* font-weight: bold; */
}

.goal_state_explanation {
	font-size: 16px !important;
	margin-bottom: 12px !important;
	font-style: normal !important;
}

.before_after_goal_instructions {
	display: none;
}

#instructions_no_selection.before_after_goal_instructions {
	display: block;
}

#goal_summary .highlight {
	background-color: #e4f2fd;
	color: green;
}

#goal_summary .code {
	padding: 5px;
    margin: 0 1px;
    background: #eaeaea;
    background: rgba(0,0,0,.07);
    font-size: 13px;
    font-family: Consolas,Monaco,monospace;
    direction: ltr;
    unicode-bidi: embed;
}

/* Forms page tabs */
.b_a_form_settings_tab {

    width: auto;
    display: inline-block;
    margin: 0 4px 0 0;
    border: 1px solid gray;
	border-bottom-width: 1px;
    border-bottom-width: 0;
}

.b_a_form_settings_tab a {
    padding: 10px;
    display: block;
    text-decoration: none;
    font-size: 16px;
    background-color: #e6e6e6;
    color: #414141;

}

.b_a_form_settings_tab.ui-state-active a {

    background-color: #fff;

}

/* Admin Bar */
#wpadminbar #wp-admin-bar-before-and-after-admin-bar-menu .ab-icon::before {
    content: "\f155";
    top: 2px;
}
#wpadminbar #wp-admin-bar-before-and-after-admin-bar-menu:hover .ab-icon::before {
    color: yellow;
}

#wpadminbar #wp-admin-bar-before-and-after-view-all-goals,
#wpadminbar #wp-admin-bar-before-and-after-view-all-forms,
#wpadminbar #wp-admin-bar-before-and-after-reset-goals {
	border-bottom: 1px solid #8c8c8c;
	padding-bottom: 2px;	
}

#wpadminbar #wp-admin-bar-before-and-after-upgrade a.ab-item {
	color: limegreen;
	font-weight: bold;
}

/* Demo Content */
.before_after_demo_wrap_inner {
	-webkit-filter: blur(3px);
	-moz-filter: blur(3px);
	-ms-filter: blur(3px);
	-o-filter: blur(3px);
	filter: blur(3px);
}

.company_directory_demo_modal {
	background-color: white;
	box-sizing: border-box;
	border: 1px solid lightgray;
	box-shadow: 0 0 60px 30px rgba(0, 0, 0, 0.15);
	min-height: 450px;
	left: 50%;
	font-size: 16px;
	position: absolute;
	top: 120px;
	text-align: center;
	margin: 0 0 0 -400px;
	width: 800px;
}

.company_directory_demo_modal * {
	box-sizing: border-box;
}

.company_directory_demo_modal_top {
	padding: 40px;
	
}

.company_directory_demo_modal_bottom {
	background-color: #f5f5f5;
	padding: 35px 40px 20px;
}

.company_directory_demo_modal_bottom .company_directory_btn {
	background-color: #00c9a7;
	border-color: #00c9a7;
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	padding: 16px 28px;
	border: 0;
	border-radius: 3px;
	cursor: pointer;
	display: inline-block;
	margin: 0;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	box-shadow: none;
	outline: 0;
}
.company_directory_demo_modal_bottom .company_directory_btn:hover {
	background-color: #00967d;;
	border-color: #008972;
	color: #fff;
	box-shadow: 0px 2px 12px lightgray;
	position: relative;
	top: -1px;
}

.company_directory_demo_modal .company_directory_after_button_text {
	font-size: 14px;
	margin-top: 10px;
}

.company_directory_demo_modal h2 {
	margin-top: 0;
	color: purple;
	font-size: 1.65em;
}

.company_directory_demo_modal p {
	font-size: 16px;
	color: #656565;
	max-width: 650px;
	margin: 0 auto 10px;
}

.company_directory_feature_list {
	box-sizing: border-box;
	list-style-type: none;
	float: left;
	margin: 20px 0 0;
	padding: 0 0 0 64px;
	text-align: left;
	width: 50%;
}

.company_directory_feature_list_left {
}

.company_directory_feature_list_right {
}

.company_directory_feature_list li {
	color: #656565;
	font-size: 16px;
	padding: 6px 0;
    text-align: left;
    width: 250px;
}

.company_directory_feature_list li > div {
    float: left;
    margin-top: 3px;
    margin-right: 10px;
}

.company_directory_checkbox {
	display: inline-block;	
	height: 16px;
	width: 16px;
}
.company_directory_checkbox {
	 color: green;
	 fill: green;
}