

/* ==========================================================================
   Compose form
   ========================================================================== */



.socialflow .deleted {
	font-size:10px;
}






/* For google we have attachments gallery left to message textarea */

.google_plus-tab-panel .sf-additional-fields hr {
	opacity: 0.5;
	
}

/* Compose form inside thickbox */
#TB_window .sf_compose {
	display:none;
}


/*
.socialflow .delay_compose label {
	font-size:13px;
}


.socialflow .message-fields label {
	display:block;
	font-size:13px;
}
*/

/* Wide style */
/*
#postbox-container-2 .socialflow .message-fields .field {
	display:inline-block;
	width:49%;
	vertical-align:top;
}
#postbox-container-2 .socialflow .message-fields textarea {
	width:90%;
	height:90px;
}
/*

/* Narrow style */
/*
#postbox-container-1 .socialflow .message-fields .field {
	display:block;
	width:100%;
	vertical-align:top;
}
#postbox-container-1 .socialflow .message-fields textarea {
	width:99%;
	height:120px;
}
#postbox-container-1 .socialflow .optimize .from,
#postbox-container-1 .socialflow .optimize .to {
	display:inline-block;
	width:170px;
}
.socialflow-user-advanced {
	line-height:23px;
}

.socialflow input.time {
	width:115px;
	font-size:11px;
}
*/


/* Attachments Select */
/*.sf-attachments-custom,
.sf-attachments-slider {
	display: none;
}

[data-status="sf-is-attachments-custom"] .sf-attachments-custom {
	display: block;
}
[data-status="sf-is-attachments-slider"] .sf-attachments-slider {
	display: block;
}*/

/* Custom attachment status */

/* In default case custom image is hidden */
.sf-attachments-custom {
	display: none;
}

/* In custom image case slider is hidden and custom image is shown */
.sf-is-custom-attachment .sf-attachments-slider {
	display: none;
}
.sf-is-custom-attachment .sf-attachments-custom {
	display: block;
}

.socialflow-compose .advanced-toggler {
	display:block;
	text-decoration:none;
}
.socialflow-compose .advanced-toggler:focus {
	box-shadow:none;
}

.socialflow-compose .advanced-settings-content {
	margin:6px 0 0;
	padding:5px 0 0;
	border-top:1px dashed #DFDFDF;
}

/* ==========================================================================
   Custom Styles
   ========================================================================== */

.socialflow table {
	margin-bottom: 20px;
}
.socialflow .widefat td {
	padding-top: 8px;
	line-height: 25px;
}
.socialflow .category-account-item {
	display: inline-block;
	*display: inline;
	margin: 0 4px 8px 0;
	padding: 0 0 0 6px;
	border: 1px solid #B1B2B5;
	background-color: #fff;
	vertical-align: top;
	line-height: 25px;
	zoom: 1;
}
.socialflow .category-account-item .close {
	display: inline-block;
	*display: inline;
	margin-left: 6px;
	width: 25px;
	text-align: center;
	line-height: 25px;
	cursor: pointer;
	zoom: 1;
}
.socialflow .category-account-item .close:hover {
	color: red;
}

.sf-js-update-multiple-messages {
	cursor:pointer;
}

/* ==========================================================================
   Statistics
   ========================================================================== */




/* ==========================================================================
   Media messages
   ========================================================================== */

/* No need to autofill media messages */
#TB_window .sf-compose-attachment .sf-autofill-button-container {
	display: none;
}

/* Additional fields are not in use
   @to-do remove them from php too */
.sf-compose-attachment .sf-additional-fields input,
.sf-compose-attachment .sf-additional-fields textarea {
	display: none;
}

/*  It's just a single image, no need for navigation */
.sf-compose-attachment .sf-attachments .icon,
.sf-compose-attachment .sf-attachments .button,
#TB_window .sf-compose-attachment .sf-attachments .button {
	display: none;
}
.sf-compose-attachment .sf-attachments .sf-custom-attachment-button,
.sf-compose-attachment .sf-attachments .sf-attachments-custom,
#TB_window .sf-compose-attachment.sf-compose-post .sf-attachments .sf-custom-attachment-button {
	display: block;
}
.sf-attachments-custom .additional-hint {
	display: none;
}
.sf-compose-attachment .sf-attachments .sf-attachments-custom .additional-hint {
	display: inline;
}

/* Make gallery image a little bit bigger */
.sf-compose-attachment .sf-attachments {
	position: static;
	float: left;
	width: 300px;
}

/* Non shared data is hidden */
.sf-compose-attachment.socialflow-compose .sf-additional-fields {
	display: none;
}

.sf-compose-attachment .sf-attachments .image-container {
	height: auto;
}
.sf-compose-attachment .sf-attachments .image-container img {
	max-height: 200px;
}

/* You can't send to linkedin media message */
.sf-compose-attachment .linkedin-tab-item,
.sf-compose-attachment .linkedin-tab-panel {
	display: none !important;
}

/* Media compose on posts */
.sf-compose-attachment.sf-compose-post .sf-attachments-slider  {
	display: none !important;
}

/* For facebook there are special description fields */
.sf-media-facebook-fields {
	display: none;
}
.sf-compose-attachment.sf-compose-post .sf-media-facebook-fields {
	display: block;
}

/* In attachment mode only shared media panel is visible */
.sf-compose-attachment .sf-media-attachment {
	display: block;
}



.sf-advanced-item {
	margin-bottom: 10px;
}
#sf-advanced-content .field:nth-child(even) {
	padding: 5px;
	background-color: rgba( 230, 236, 241, .35 );
}
#sf-advanced-content .field td:first-child {
	width: 300px;
}



.sf-disabled {
	background-color: #f1f1f1 !important;
}


/* ver 2.7.4 */

.sf-message-wrapper {
	overflow: hidden;
}
#socialflow-compose .sf-send-checkbox {
	margin-top: -8px;
}
.sf-send-checkbox:checked + label {
	border-bottom: 1px dotted #21759B;
	color: #21759B;
}
.sf-send-label {
	display: inline-block;
	margin-bottom: 15px;
	padding: 5px 0 0px;
	border-bottom: 1px solid #fff;
}


#sf-compose-form {
	position: relative;
	background-color: #fff;
}

#sf-compose-form .sf-update-attachments-2,
#sf-compose-form .sf-autcomplete-toggle-container {
	display: none;
}

#postbox-container-1 #socialflow .compose-tabs .tabs {
	top: 0;
	display: block;
	padding: 7px 8px 10px;
	border-top: 1px solid #DFDFDF;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	border-radius: 0;
	text-align: left;
}
#postbox-container-1 #socialflow .compose-tabs .tabs:first-child {
	border-top: 1px solid #fff;
}
#postbox-container-1 #socialflow .compose-tabs .tabs.active {
	border-right: 1px solid #DFDFDF;
	border-left: 1px solid #DFDFDF;

}
#postbox-container-1 #socialflow .compose-tabs .tabs.active:first-child {
	border-top: 1px solid #DFDFDF;
}

#postbox-container-1 #socialflow .compose-tabs .tabs br {
	display: none;
}

@media only screen and ( max-width: 600px ) {
	#socialflow .compose-tabs .tabs {
		top: 0;
		display: block;
		padding: 12px 10px 15px !important;
		border-top: 1px solid #DFDFDF;
		border-right: 1px solid #fff;
		border-left: 1px solid #fff;
		border-radius: 0;
		text-align: left;
	}
	#socialflow .compose-tabs .tabs:first-child {
		border-top: 1px solid #fff;
	}
	#socialflow .compose-tabs .tabs.active {
		border-right: 1px solid #DFDFDF;
		border-left: 1px solid #DFDFDF;

	}
	#socialflow .compose-tabs .tabs.active:first-child {
		border-top: 1px solid #DFDFDF;
	}
	#socialflow .compose-tabs .tabs br {
		display: none;
	}
}