/* =========== Helper Classes =========== */

.yks-hidden {display: none;}

.yks-text-right {text-align: right;}
.yks-text-left {text-align: left;}
.yks-text-center {text-align: center;}

.yks-right {float: right;}
.yks-left {float: left;}

.yks-margin-left {margin-left: 2em;}


/*******************************************/
/**** Include Our Custom Web Font ****/
@font-face {
	font-family: 'yks-mc-font';
	src:url('fonts/yks-mc-font_-e5ggdf.eot');
	src:url('fonts/yks-mc-font.eot') format('embedded-opentype'),
		url('fonts/yks-mc-font_-e5ggdf.woff') format('woff'),
		url('fonts/yks-mc-font_-e5ggdf.ttf') format('truetype'),
		url('fonts/yks-mc-font_-e5ggdf-yks-mc-font.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

.yks_mc_error_x {
	color:#DD3D36;
}

/* TinyMCE Button Class */
/* Icon Fonts */
.mce-i-yks-mc-icon-yikes-button-image:before {
	content: "\e600" !important;
	font-family: 'yks-mc-font' !important;
}

.toplevel_page_yks-mailchimp-form .update-nag {
	padding-top:0;
	margin-top:0;
	width:95%;
}

.yks-mc-icon-notice {
	display:block;
}

.update-nag .yks-mc-icon-notice:before {
	content: "\e601" !important;
	font-family: 'yks-mc-font' !important;
	float:left;
	font-size:1.5em;
	color: #FFBA00;
	display:block;
	margin-right: .25em;
}

/* Reset Plugin Modal and Icons */
.yks-mc-icon-yks-mc-warning:before {
	content: "\e602";
	font-family: 'yks-mc-font' !important;
}

.yks-mc-reset-warning-icon {
	font-size: 3.25em;
	color: rgb(255, 76, 76);
	text-align:center;
	float:left;
	margin-right:.25em;
	margin-top:.75em;
}

.yks_mc_about_icon {
	display:block;
	float:left;
	margin-top:2em;
}

.yks-mc-delete-form-warning-icon {
	font-size: 3.25em;
	color: rgb(255, 76, 76);
	text-align:center;
	float:left;
	margin-right:.25em;
	margin-top:.55em;
}

.yks-mc-success-icon {
	font-size: 3.25em;
	color: rgb(126, 207, 110);
	text-align:center;
	margin-top: .25em;
	margin-right: .75em;
	float:left;
}

.yks-mc-reset-plugin-settings-preloader {
	width: 15px;
	text-align:center;
	display:block;
	margin:0 auto;
}

.yks-mc-reset-plugin-settings-preloader-container {
	width:100%;
	text-align:center;
}

#yks_mc_reset_plugin_settings p {
	float:left;
	width:80%;
}

/*	Widget Icon !!  */
/* including an image in the widget box */
*[id*="_yikes_mc_widget"] > div.widget-top > div.widget-title > h4:before {
	content: url('../images/yikes_logo_widget_icon.png');
	width:33px;
	float:left;
	height:8px;
	margin: -5px 8px 0 -5px;
}


/* Red Button Style */
.wp-core-ui .yikes-mc-button-red {
	background-color: #9B2124;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#C5292E), to(#9B2124));
	background-image: -webkit-linear-gradient(top, #C5292E, #9B2124);
	background-image:    -moz-linear-gradient(top, #C5292E, #9B2124);
	background-image:     -ms-linear-gradient(top, #C5292E, #9B2124);
	background-image:      -o-linear-gradient(top, #C5292E, #9B2124);
	background-image:   linear-gradient(to bottom, #C5292E, #9B2124);
	border-color: #9B2124;
	border-bottom-color: #8D1F21;
	-webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,0.5);
 	box-shadow: inset 0 1px 0 rgba(120,200,230,0.5);
 	color: #fff;
	text-decoration: none;
	text-shadow: 0 1px 0 rgba(0,0,0,0.1);
	margin-left: 2em;
	width:150px;
	text-align:center;
}

.wp-core-ui .yikes-mc-button-red.hover,
.wp-core-ui .yikes-mc-button-red:hover,
.wp-core-ui .yikes-mc-button-red.focus,
.wp-core-ui .yikes-mc-button-red:focus {
	background-color: #B72629;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#D22E30), to(#9B2124));
	background-image: -webkit-linear-gradient(top, #D22E30, #9B2124);
	background-image:    -moz-linear-gradient(top, #D22E30, #9B2124);
	background-image:     -ms-linear-gradient(top, #D22E30, #9B2124);
	background-image:      -o-linear-gradient(top, #D22E30, #9B2124);
	background-image:   linear-gradient(to bottom, #D22E30, #9B2124);
	border-color: #7F1C1F;
	-webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,0.6);
 	box-shadow: inset 0 1px 0 rgba(120,200,230,0.6);
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
}

.wp-core-ui .yikes-mc-button-red.focus,
.wp-core-ui .yikes-mc-button-red:focus {
	border-color: #500F0E;
	-webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,0.6), 1px 1px 2px rgba(0,0,0,0.4);
	box-shadow: inset 0 1px 0 rgba(120,200,230,0.6), 1px 1px 2px rgba(0,0,0,0.4);
}

.wp-core-ui .yikes-mc-button-red.active,
.wp-core-ui .yikes-mc-button-red.active:hover,
.wp-core-ui .yikes-mc-button-red.active:focus,
.wp-core-ui .yikes-mc-button-red:active {
	background: #7F1C1F;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#9B2124), to(#B72629));
	background-image: -webkit-linear-gradient(top, #9B2124, #B72629);
	background-image:    -moz-linear-gradient(top, #9B2124, #B72629);
	background-image:     -ms-linear-gradient(top, #9B2124, #B72629);
	background-image:      -o-linear-gradient(top, #9B2124, #B72629);
	background-image:   linear-gradient(to bottom, #9B2124, #B72629);
	border-color: #601312 #AE2426 #AE2426 #AE2426;
	color: rgba(255,255,255,0.95);
	-webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.1);
 	box-shadow: inset 0 1px 0 rgba(0,0,0,0.1);
	text-shadow: 0 1px 0 rgba(0,0,0,0.1);
}

.wp-core-ui .yikes-mc-button-red[disabled],
.wp-core-ui .yikes-mc-button-red:disabled,
.wp-core-ui .yikes-mc-button-red-disabled {
	color: #E79496 !important;
	background: #BA292B !important;
	border-color: #7F1C1F !important;
	-webkit-box-shadow: none !important;
	box-shadow:         none !important;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.1) !important;
	cursor: default;
}


/*********	User Profile Box And Fields 		*********/
#userInformation {
	width:400px;
	height:125px;
	position:absolute;
	right:0;
	top:0;
	margin-top:2em;
	margin-right:2em;
	/* border:1px dashed rgb(206, 206, 206); */
	padding:10px;
	font-size:1.8em;
}
	#userInformation p, #userInformation span {
		margin:0;
	}
	
	#userInformation span { 
		text-decoration:underline;
	}

	#yikes-mailchimp-avatar {
		position:absolute;
		top:0;
		left:0;
		margin-left:10px;
		margin-top:1.8em;
		width:100px;
	}
	
	.userProfileInformation {
		margin-left:110px;
		margin-top:5px;
	}
	
	.userProfileInformation p {
		margin: 5px 0 5px 0 !important;
		font-size:16px;
	}


/*		Widget Styles	*/
.yikes_widget_form_description, .yikes_mc_widget_selected_form_dropdown { 
	width:100%;
	height:200px;
	resize:none;
}

.widget_yikes_mc_widget p {
	margin-bottom:10px;
}

.widget .yks_mc_interest_group_label {
	text-align:center;
	width:45%;
	float:left;
	word-break: break-word;
}

.widget_yikes_mc_widget input, .widget_yikes_mc_widget .yks-mailchimpFormDivRowField {
	width:100%;
}
	.yks-mailchimpFormDivRowField input {
		width: 100%;
	}

.widget_yikes_mc_widget .yks-require-description {
	padding-top:0;
}

/* general */

#ykseme-icon {
	background: transparent url('../images/ykseme_32px_color.png') no-repeat 0 0;
	display:block;
	float:left;
	padding: 0 0 0 .5em;
	height: 35px;
	width:35px;
	background-size: contain;
}

.wrap #ykseme-page-header {
	padding-top:0;
	margin-bottom:1.5em;
}

body.toplevel_page_yks-mailchimp-form .wrap {
	margin-top:2em;
}

body.mailchimp-forms_page_yks-mailchimp-about-yikes #ykseme-page-header {
	margin-top:1em;
}


.yks-status	{
	display: none;
	width: 100%;
	clear: both;
}
	
	.yks-status .yks-success {
		/*
		color: #000;
		width: 80%;
		height: auto;
		border: 2px solid #00AA00;
		background: #C1FFC1;
		clear: both;
		margin: 15px auto 15px auto;
		text-align: center;
		*/
		border-left: 4px solid #7ad03a;
		padding: 5px 15px;
		background-color:#fff;
		-webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
		box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
		min-height:25px;
		line-height: 1.2;
		margin-top:1em;
	}
	
	.yks-status-error .yks-error {
		/*
		color: #000;
		width: 80%;
		height: auto;
		border: 2px solid #AA0000;
		background: #FFC1C1;
		clear: both;
		margin: 15px auto 15px auto;
		text-align: center;
		*/
		border-left: 4px solid #dd3d36;
		background-color: #fff;
		padding: 1px 12px;
		-webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
		box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
		min-height:25px;
		line-height: 3.2;
		margin-top:1em;
	}
			.yks-status .yks-error p, .yks-status .yks-success p {
				margin: .4em 0;
			}

	.yks-status .yks-notice {
		color: #000;
		width: 80%;
		height: auto;
		border: 2px solid #0033AA;
		background: #CCDDFF;
		clear: both;
		margin: 15px auto 15px auto;
		padding: 5px;
		position: relative;
		text-align: left;
	}
		.yks-status .yks-notice a.yks-notice-close, .yks-status .yks-notice a.yks-notice-close:active,
		.yks-status .yks-notice a.yks-notice-close:link, .yks-status .yks-notice a.yks-notice-close:visited {
			background: #0033AA;
			color: #FFF;
			position: absolute;
			padding: 0 5px !important;
			margin: 0 !important;
			top: 0;
			right: 0;
			font-size: 10px;
			text-decoration: none;
		}
			.yks-status .yks-notice a.yks-notice-close:hover {
				text-decoration: underline;
			}
		.yks-status .yks-notice p {
			padding: 5px;
		}
		
/* Plugin settings page*/

.yks-admin-form {
	margin-bottom: 3em;
}

	.yks-admin-form th {
		font-weight: bold;
	}

.yks-settings-description {
	padding-bottom: 2em !important;
	color: #666;
}

#single-optin-message, #double-optin-message {
	height:150px;
	width:600px;
	resize:none;
}
	
.yks-mailchimp-interest-group-label {
	width:350px;
}

/* Configure Lists page*/

.yks-notice-toggle {
	background: #c9cced !important;
	border-color: #9ea0ba !important;
	color: #3c3a44 !important;
}

.yks-mailchimp-delete {
	background: #890B0B !important;
	border-color: #890B0B !important; 
}

.yks-mailchimp-import {
	background: #ffc000 !important;
	border-color: #ffc000 !important;
	float: right;
	margin: 0 10px 0 0;
}

.yks-mailchimp-fields-placeholder {
	background: #DEDEDE;
	display: block;
	height: 22px;
}
		
.yks-mailchimp-sorthandle {
	background: 	transparent url('../images/16px_sortable_color.png') no-repeat 0 0;
	margin:			0 7px -4px 4px !important;
	padding:		0;
	overflow:		hidden;
	height:			16px !important;
	width:			16px !important;
	text-indent:	-9000px;
	display:		inline-block;
}

	.yks-mailchimp-sorthandle-img {
		background: transparent url('../images/16px_sortable_color.png') no-repeat 0 0;
		height:			16px !important;
		width:			16px !important;
		display:		inline-block;
		}

.yks-mailchimp-fields-container label input[type="checkbox"] {
	margin-top: -1px;
}
	
.yks-mailchimp-field-name {
	display: inline-block;
	width: 200px;
}

.yks-mailchimp-field-merge {
	display: inline-block;
}
	.yks-mailchimp-field-merge .yks-mailchimp-field-merge {
		width: 100px;
	}

#yks-list-wrapper .yks-list-container 	{
	border-bottom: 3px dashed #DEDEDE;
}

#yks-list-wrapper .yks-list-container:last-child {
	border-bottom: 0px dashed #DEDEDE !important;
}

.yks-mailchimp-fields-list 	{
	background-color: #F9F9F9;
	border: 1px solid #EEE;
}
.yks-mailchimp-fields-list .yks-mailchimp-fields-list-row:nth-child(even) {
	background-color: #EEE;
}
.yks-mailchimp-fields-list .yks-mailchimp-fields-list-row:nth-child(odd) {
}
	.yks-mailchimp-fields-list .yks-mailchimp-fields-list-row {
		display: block;
		height: 30px;
		padding-top: 3px;
	}
		.yks-mailchimp-fields-list .yks-mailchimp-fields-list-row label {
			display: inline-block;
		}

		.yks-mailchimp-listname {
			font-size: 1.4em !important;
			font-weight: 600;
		}

.yks-mailchimp-redirect-checkbox-holder {
	display:block;
	margin-top:.5em;
}
		
/*	Subscribers table */
.yks-mailchimp-subscribers-list-row {
		height: 30px;
		padding-top: 3px;
		font-size:1.2em;
	}
	
.yikes-mailchimp-subscribers-table-head {
	border-bottom:1px solid grey;
	font-size:1.3em;
}	
	
	.yks-mailchimp-subscribers-list-row:nth-child(even) {
		background-color: #EEE;
	}
	
	.yks-mailchimp-subscribers-list-row:hover {
		cursor:pointer;
		background:rgba(208, 235, 241, 0.58);
	}
	
.subscriber-mail-link {
	text-decoration:none;
}	
	
.displayListSubscribers {
	font-size:10px;
}

	.yks-view-subscriber-profile {
		float:right;
		margin-right:.35em;
		margin-top:-.2em;
		opacity:.5;
		color:rgb(24, 138, 56) !important;
		line-height:1.35;
	}
		
		.yks-view-subscriber-profile:hover {
			opacity:1;
		}

	.yks-remove-subscriber {
		float:right;
		margin-right:.5em;
		margin-top:-.2em;
		opacity:.5;
		color:rgb(223, 111, 111);
		line-height:1.35;
	}
	.yks-remove-subscriber:hover {
		opacity:1;
	}
	
	.yks-email-subscriber {
		float:right;
		margin-right:.25em;
		margin-top:-.2em;
		opacity:.5;
		color:rgb(60, 143, 175) !important;
		line-height:1.35;
	}
	
		.yks-email-subscriber:hover {
			opacity:1;
		}
	
/* About page */

.yksme-page-about {
	width: 75%;	
}

#yksme-yikes-logo-container {
	float:right;
	margin: 0 20px 20px 20px;
	width: 300px;
}	
	
#yksme-yikes-logo-container .b-sbn {
	float: right;
	margin: 0 2.4em 0 0;
}	

#yksme-yikes-logo {
	border: 0;
	padding: 0;
	margin: 0 0 20px 0;
	display: block;
}


/* =========== Front-end Forms =========== */

.yks-mailchimp-fields-td {
	display: block;
	padding: 15px 0 15px 0;
	min-width:880px;
}
	
.yks-mailchimp-fields-container label {
	clear: both;
	display: block;
	padding: 2px 0;
}

.yks-require-description {
	font-size: 0.9em;
    padding: 1em 0;
}

.yks-mailchimpFormDivRowLabel-required {}
	.yks-required-label {
		font-weight: bold;
		color: red;
	}
	.yks-require {}
	
.yks-mailchimpFormTable	{
	border-bottom: 0px !important;
}

.yks-mailchimpFormTableSubmit {
	text-align:	center;
}
	
.yks-mailchimpFormTableRow, .yks-mailchimpFormDivRow {
	width: 100%;
}
	.yks-mailchimpFormDivRow {
		margin: .5em 0 .5em 0;
	}

.yks-mailchimpFormTableRowLabel, .yks-mailchimpFormTableRowField,
.yks-mailchimpFormDivRowLabel, .yks-mailchimpFormDivRowField {
	vertical-align: top !important;
}
.yks-mailchimpFormDivRowLabel {
	display: inline-block;
	width: 50%;
}
.yks-mailchimpFormDivSubmit {
	display: inline-block;
	width: 100%;
	margin-top: .4em;
}

.yks-mailchimp-form-tooltip {
	color: #CCC !important;
	font-size: 12px;
	display:block;
	margin: 0 0 15px 0;
}
	
#yks-mailchimp-debug-info, #yks-mailchimp-debug-info table,
#yks-mailchimp-debug-info table label, #yks-mailchimp-debug-info table th,
#yks-mailchimp-debug-info table td {
	color: #CCC !important;
	font-size: 10px;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
}

.mailChimp_api_key_preloader {
	margin-left:.5em;
	display:none;
}

.mailChimp_api_key_validation_message {
	margin-left:.5em;
	display:none;
	font-size:10px;
}

	.mailChimp_api_key_validation { 

	}

.yikes-api-key-error {
	display:none;
	color:red;
}

/******		Interest Group Stypes 		******/
.yks_mc_interest_group_text:first-child {
	display:block;
	margin-top:1em;
}

.yks_mc_interest_group_holder {
	display:inline-block;
	width:100%;
	text-align:center;
	margin-bottom:.5em;
}

/* Table Interest Group Styles */
td.yks_mc_table_dropdown_interest_group_holder, td.yks-mailchimpFormTableSubmit  {
	border-top:0;
}
.yks_table_label {
	display:block;
	margin:.75em 0;
}

.yks_mc_table_interest_group_holder {
	width: 100%;
	margin-bottom: 0;
	display:block;
}
	.yks_mc_table_dropdown_interest_group_holder {
		display:block;
	}

.yks_mc_interest_group_holder select {
	width:100%;
}

.yikes_mc_interest_group_checkbox, .yks_mc_interest_group_label { 
	display:inline-block;
	margin: 0 5px;
}

.widget .yks_mc_table_td:last-child {
	border-top:0;
	border-bottom:0;
}

.yikes_mc_interest_group_radio {
	margin-right: .5em;
}

.content .yks_mc_interest_radio_button_holder, .content .yks_mc_table_td {
	display:inline-block;
	width:100%;
}

/***	Subscriber List Styles	***/
.yks-mc-subscriber-go-back {
	font-size:12px;
	font-weight:bold;
	color: #333;
	opacity: .5;
	width:300px;
	display:block;
	text-align:left;
	margin-top: 1em !important;
	width: auto;
}
	.yks-mc-subscriber-go-back:hover {
		opacity: 1;
		cursor:pointer;
	}

.yks-mc-subscriber-overview {
	display:block;
	float: left;
	width: 100%;
}	
	
.dashicons-arrow-left-alt2:before {
	display:inline-block;
	margin-top:.15em;
}
	
.dashicons-star-filled {color:#FEBE12;}

.yks-mc-subscriber-star-rating {
	margin-top: 0;
}

#yks-subscriber-info-email-address {
	margin-bottom:.5em !important;
}

.yks-mc-overview-title {
	font-size:16px;
	color: #666;
	opacity:.8;
	margin-bottom:0 !important;
}

.yks-mc-overview-info-value {
	font-size:14px;
	color: #222222;
	margin-top:0 !important;
}

.yks-mc-subscriber-firstName, .yks-mc-subscriber-lastName {
	text-transform: capitalize;
}

.yks-subscriber-info-optin-data {
	display:block;
	margin-top:.5em;
}

.yks-mc-subscriber-bottom {
	display:block;
	float:left;
	width:100%;
}

.yks-mc-subscriber-top {
	margin-bottom: 1.5em;
}

.yks-mc-subscriber-header {
	border-bottom:1px dashed grey;
	padding-bottom:.5em;
}

.yks-mc-subscriber-left-container,  .yks-mc-subscriber-right-container {
	float:left;
	width:50%;
}
label[for="yikes_mailchimp_comment_subscribe"] {
	display:block;
	margin: .5em 0 .5em 0;
}
label[for="yikes_mailchimp_comment_subscribe"]:hover {
	cursor:pointer;
}

label[for="single-optin-message"], label[for="double-optin-message"] {
	display:block;
	width:55%;
}

#wp-double_optin_message-wrap, #wp-single_optin_message-wrap {
	display:block;
	margin-top:1.5em;
}

.yikes_widget_logo {
	display:block;
	margin:0 auto;
	width: 80px;
}

.yikes_cURL_instructions_hidden, .yikes_phpinfo_container {
	display:none;
}

.yikes_cURL_help_button {
	margin-bottom: 1em !important;
}

.yks_mc_php_ini_file_location {
	margin: .5em 0 .5em 0;
	font-style:italic;
}

.yks_mc_no_phpini_alert {
	color :#C93232;
	font-weight:bold;
}

.yks_mc_no_phpini_success {
	color :#29CA01;
	font-weight:bold;
}


/** Date Picker Styles **/
.yks-mailchimpFormDatepickerContainer .ui-datepicker-prev, .yks-mailchimpFormDatepickerContainer .ui-datepicker-next {
	margin-top:.5em;
}

/* Form Error Classes */
.yks_error_field_required {
	border: 1px solid rgb(252, 182, 182) !important;
	background: rgb(255, 213, 213) !important;
 }
 
 #yks_form_error_message {
	padding:.75em;
	font-size:12px;
	float:left;
	margin-bottom:1em;
	display:none;
 }
	 #yks_form_error_message ul {
		list-style-type: square;
		width: 100%;
		float:left;
		margin-top:.5em;
		margin: 0.75em 0 1.25em 1.25em;
	 }
		 #yks_form_error_message ul li {
			width: 33%; 
			float:left;
		 }