/**
 * Created by Kyle Benk
 *
 * @author Kyle Benk <kjbenk@gmail.com>
 */

/* PLUGIN ADMIN PANEL - BACK-END */
.wpsite_plugin_wrapper {position: relative; width: 100%;overflow:hidden;background:#FFF;border:1px solid #e5e5e5;}

/* Header - Options Page */
.wpsite_plugin_header { background: url("../img/rainbow-strip-hz-wide.png") repeat-x center top;padding-top:5px;overflow:hidden;}

	/* Masthead Message */
	.wpsite_plugin_wrapper .masthead-msg { display:block;overflow:hidden;width: 100%; background: #222222;padding-bottom:5px; }
		.wpsite_plugin_wrapper .masthead-msg h2 { float: left; font-family: "Open Sans", HelveticaNeue, sans-serif; color:#fff; font-weight: 100; font-size: 17px; line-height: 1; padding-left: 20px;}
		.wpsite_plugin_wrapper .masthead-msg .show-me { display:inline-block;border:1px solid #FFF;font-weight:bold;font-size:16px;color:#FFF;text-decoration: none;padding: 7px 15px; margin-top: 5px; margin-right: 10px; line-height: 1; float:right;}
		.wpsite_plugin_wrapper .masthead-msg .show-me:hover { background:#2EA2CC;color:#FFF;cursor: pointer;}

	/* Header Styles */
	.wpsite_plugin_wrapper .headercontent { border-bottom: 1px solid #e5e5e5; background:#222;/* padding: 20px 10px;  */overflow:hidden;position:relative;min-height: 100px;}

		.wpsite_plugin_wrapper .headercontent .head-left {float:left;display:inline-block;background:#FFF;background:#FFF;overflow:hidden;min-width:200px;width:10%;height:100px;}
			.wpsite_plugin_wrapper .headercontent .head-left .logowrap {padding: 10px 10px;overflow: hidden;}
			.wpsite_plugin_wrapper .headercontent .logo { margin: 0; padding: 0; float: left; font-family: "Open Sans", sans-serif; font-weight: bold; color:#3c3c3c; background:url("../img/logo-only-80h.png") no-repeat left center; margin: 0 20px; width:150px;height:80px; }

		.wpsite_plugin_wrapper .headercontent .head-middle {float:left;display:inline-block;width: 40%;height:100px;}
			.head-middle .plugin-info {padding:20px;font-size:2em;color:#FFF;font-weight:bold;line-height:60px;}
				.head-middle .plugin-info .dashicons-admin-plugins:before { color: #FFF;-webkit-font-smoothing: antialiased;font: 2em 'dashicons';line-height:60px;}
				.head-middle .plugin-name {color:#FFF;font-weight:bold;margin-left:20px;}

		.wpsite_plugin_wrapper .headercontent .head-right {float:right;display:inline-block;/* background:#222;  */width: 30%;height:100px;padding: 0 10px 0 0;}
			.wpsite_plugin_wrapper .headercontent .head-right a.sqbutton {float:right;display:inline-block;border:1px solid #FFF; height:30px;line-height:30px;padding: 0 20px;font-weight:bold;color:#FFF;text-decoration: none;margin-top:35px;margin-right: 10px;border-radius:3px;}
			.wpsite_plugin_wrapper .headercontent .head-right a.sqbutton:hover {color:#000;background:#FFF;text-decoration: none;}

/* Options Content - Options Page */
#wpsite_plugin_content {margin: auto;padding:0;overflow: hidden;}
	#wpsite_plugin_content .pluginmessage{background: #F0F0F0;border:1px solid #dedede;border-bottom: 1px solid #FFFFFF;border-top: 1px solid rgba(255, 255, 255, 0.4);box-shadow: 0 0 6px rgba(0, 0, 0, 0.1) inset;color: #444;display: block;font-size:14px;padding:10px 20px;overflow: hidden;font-weight: bold;text-shadow: 0 1px 0 #FFFFFF;}

#wpsite_plugin_settings {width: 70%;min-height:600px;float: left;padding:10px;}

#wpsite_plugin_sidebar {width: 25%;height: 100%;float: right;margin-right: 10px;margin-top:20px;}
	#wpsite_plugin_sidebar .wpsite_feed{}
	#wpsite_plugin_sidebar .wpsite_feed #creditfooter{display:none;}
	#wpsite_plugin_sidebar .mktg-banner{display:block;margin: 0 auto; text-align:center;}
	#wpsite_plugin_sidebar ,mktg-banner a img {overflow:hidden;}

.wpsite_plugin_footer {}

/* increase size of Save button */
.wpsite_plugin_wrapper .button-primary,
.wpsite_plugin_wrapper .button-secondary{
    font-size: 16px;
    height: 36px;
    line-height: 32px;
    margin: 0;
    padding: 0 10px 1px;
    text-decoration: none;
    white-space: nowrap;
    margin-left:10px;
}

/* Miscellaneous - Options Page */
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {margin: 5px 0;}
#img_url_button{margin: 5px 0;}
.wp-picker-container {margin: 5px 0;}
#wpsite_plugin_content td em {color:#666;}
#link_url_left_error {margin-left: 10px;}
#ad_name_error {margin-left: 10px;}

@media only screen and (max-width: 800px) {
	.wpsite_plugin_wrapper .headercontent {height:auto;}
			.wpsite_plugin_wrapper .headercontent .head-left {width:100%;height:100px;background-position: center center;background-color: #FFF;overflow:hidden;}
				.wpsite_plugin_wrapper .headercontent .logo { margin: 0; padding: 0; float: left; font-family: "Open Sans", sans-serif; font-weight: bold; color:#3c3c3c; background:url("../img/logo-only-80h.png") no-repeat center center; margin: 0 20px; width:150px;height:80px; }
			.wpsite_plugin_wrapper .headercontent .head-middle {width:100%;height:auto;}
				.head-middle .plugin-info {padding:20px;font-size:2em;color:#FFF;font-weight:bold;line-height:30px;}
				.head-middle .plugin-name {color:#FFF;font-weight:bold;margin-left:0;}
			.wpsite_plugin_wrapper .headercontent .head-right {display:none;}
	#wpsite_plugin_settings {width: 96%;height:auto;float: left;padding:2%;}
	#wpsite_plugin_sidebar {display:none;/* width: 96%;height:auto;float: left;padding:2%; */}
}

.wpsite_twitter_reshare_admin_table_th {
	padding: 10px;
	width: 210px;
	text-align: left;
	vertical-align: top;
	font-weight: 500;
}

.wpsite_twitter_reshare_admin_table_td {
	padding: 10px;
}

.wpsite_twitter_reshare_admin_messages_table {
	float: right;
	width: 60%;
}

.wpsite_twitter_reshare_admin_messages_add_edit {
	float: left;
	width: 40%;
}

.wpsite_twitter_reshare_admin_required {
	border-color: red !important;
}

.wpsite_admin_panel_banner {
	width: 100%;
	height: inherit;
	margin: auto;
}

.wpsite_admin_panel_banner_h1 {
	width: intrinsic;
	margin: auto;
}

.wpsite_admin_panel_content {
	margin: auto;
}

#wpsite_admin_panel_settings{
	width: 70%;
	float: left;
	border-right: 1px solid rgba(0,0,0,0.5);
}

#wpsite_admin_panel_sidebar {
	width: 30%;
	height: 100%;
	float: right;
}

.wpsite_admin_panel_sidebar_img {
	width: intrinsic;
	margin: auto;
}

/*
#wpsite_twitter_reshare_message_form, #wpsite_twitter_reshare_messages_add_edit_table {
	width: 100% !important;
	overflow: scroll !important;
}
*/

/* Tabs */

.ui-helper-hidden {
    display: none;
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse;
}

.ui-helper-clearfix:after {
    clear: both;
}

.ui-helper-clearfix {
    min-height: 0; /* support: IE7 */
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0);
}

.ui-tabs {
    position: relative;
    padding: .2em;
}

.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: .2em .2em 0;
}

.ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    top: 0;
    margin: 1px .2em 0 0;
    border-bottom-width: 0;
    padding: 0;
    white-space: nowrap;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    float: left;
    padding: .5em 1em;
    text-decoration: none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: -1px;
    padding-bottom: 1px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
    cursor: text;
}

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
    cursor: pointer;
}

.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 1em 1.4em;
    background: none;
}

#tabs {
    background: transparent;
    border: none;
}

.ui-tabs-anchor:hover {
    background-color: white;
	color: #464646;
}

.ui-tabs-anchor:focus {
	outline-color: transparent;
}

#tabs .ui-widget-header {
    background: transparent;
    border: none;
    border-bottom: 1px solid #ccc;
    padding-bottom: 0;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}
#tabs .ui-tabs-nav .ui-state-default {
    background: #e4e4e4;
    border: none;
}
#tabs .ui-tabs-nav .ui-state-active {
    background: transparent no-repeat bottom center;
    border: none;
}
#tabs .ui-tabs-nav .ui-state-default a {
    color: gray;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}
#tabs .ui-tabs-nav .ui-state-active a {
	margin: 0px 0px -1px 0px;
    border-bottom: 1px solid white !important;
	background: transparent;
	color: #000;
}

/* Account Display */

.wpsite-twitter-reshare-container {
	height: 35px;
	border: 1px solid #fff;
	float: left;
	overflow: hidden;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 5px;
	margin-right: 10px;
}

.wpsite-twitter-reshare-profile-image {
	float: left;
	width: 35px;
}

.wpsite-twitter-reshare-profile-image img {
	width: 100%;
}

.wpsite-twitter-reshare-screen-name {
	float: left;
	font-family: Roboto, "Helvetica Neue", HelveticaNeue, sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 2.4;
	padding: 0px 10px;
	color: #5C5C5C;
}

.wpsite-twitter-reshare-remove {
	display: block;
	width: 35px;
	height: 35px;
	float: left;
	border-left: 1px solid #ddd;
}

.wpsite-twitter-reshare-remove a {
	display: block;
	width: 100%;
	height: 100%;
	background: url("../img/remove_account.png") no-repeat center center, #fff;
}

.wpsite-twitter-reshare-remove a:hover{
	background:url("../img/remove_account_hover.png") no-repeat center center, #fff;
}

/* Message Dashboard */

.form-field {
	padding-bottom: 20px;
}