.news_input {
	float:left;
	font-size:12px;
	padding:4px 2px;
	border:solid 1px #aacfe4;
	width:200px;
}

.svg {
	border: inherit;
	background: inherit;
}

div.add_parentfolder {
	position: relative;
}

#file_upload_start {
	opacity:0;
	z-index:1001;
	width:0;
	height:0;
}

/**
 * basic site structure
 */
.content_wrapper {
	height: 100%; 
	width: 100%;
}

.main_column {
	height: 100%; 
	position: relative; 
	z-index: 0;
	overflow: hidden;
	margin: 0; 
	padding: 0; 
	box-sizing: border-box; 
	-moz-box-sizing: border-box;
}

#leftcontent_news {
	border-right: 1px solid #ccc;
	background-color: #f8f8f8;
	width: 20em; 
	float: left;
}

/* feed/folder list */
#feed_wrapper {
	margin: 0;
	padding: 0;
	height: 100%;
	background-color: #f8f8f8;
	padding-bottom: 2.8em;
	box-sizing: border-box; 
	-moz-box-sizing: border-box;
}

#feeds {
	height: 100%;
	overflow: auto;
	background-color: #eee;
	color: #333;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

	#feeds .unread_items_counter {
		padding: 6px 8px 5px;
		position: absolute;
		z-index: 5;
		right: 0;
		top: 0;
		overflow: hidden;
		text-overflow: ellipsis;
		text-align: center;
		font-size: 9pt;
		/*border-left: 1px solid #ddd;*/
	}


	#feeds li:hover > .unread_items_counter, #feeds .all_read > .unread_items_counter {
		display: none;
	}

	#feeds > ul {
		min-height: 100%;
		overflow-x: hidden;
	}

	.dnd_over {
		-moz-transition: padding-bottom 500ms ease 0s;
		-o-transition: padding-bottom 500ms ease 0s;
		-webkit-transition: padding-bottom 500ms ease 0s;
		-ms-transition: padding-bottom 500ms ease 0s;
		transition: padding-bottom 500ms ease 0s;
	}

	#feeds > ul.dnd_over {

	}
	.dnd_over > ul {
		-moz-transition: padding-bottom 500ms ease 0s;
		-o-transition: padding-bottom 500ms ease 0s;
		-webkit-transition: padding-bottom 500ms ease 0s;
		-ms-transition: padding-bottom 500ms ease 0s;
		transition: padding-bottom 500ms ease 0s;
		padding-bottom: 2.5em! important;

	}
	#feeds > ul ul.dnd_over {
		-moz-transition: padding-bottom 500ms ease 0s;
		-o-transition: padding-bottom 500ms ease 0s;
		-webkit-transition: padding-bottom 500ms ease 0s;
		-ms-transition: padding-bottom 500ms ease 0s;
		transition: padding-bottom 500ms ease 0s;
		padding-bottom: 2.5em !important;
	}

	.all_read {
		font-weight: normal !important;
	}


	#feeds .buttons {
		position: absolute;
		right: 0;
		top: 0;
		bottom: 0;
		display: none;
	}

		#feeds .buttons button {
			margin: .6em .3em 0 0;
			background-position: center;
			background-repeat: no-repeat;
		}

		#feeds li:hover > .buttons {
			display: block;
		}

		#feeds .buttons button.feeds_delete {
			background-image: url('%webroot%/core/img/actions/delete.svg');
		}

		#feeds .buttons button.feeds_edit {
			background-image: url('%webroot%/core/img/actions/rename.svg');
		}

		#feeds .buttons button.feeds_markread {
			background-image: url('%appswebroot%/news/img/mark_read.svg');
		}

	#feeds button.collapsable_trigger {
		position: absolute;
		left: .5em;
		top: .4em;
		background: none;
		background-image: url('%webroot%/core/img/actions/triangle-s.svg');
		background-repeat: no-repeat;
		background-size: 16px 16px;
		height: 16px;
		width: 16px;
		border: none;
		border-radius: 0;
		outline: none !important;
		box-shadow: none;
		-moz-box-shadow: none;
		display: none;
		-moz-transform: rotate(-90deg);
		-webkit-transform: rotate(-90deg);
		-ms-transform:rotate(-90deg);
		-o-transform:rotate(-90deg);
		transform: rotate(-90deg);
	}

	#feeds .open .collapsable_trigger {
		-moz-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-ms-transform:rotate(0deg);
		-o-transform:rotate(0deg);
		transform: rotate(0deg);
	}

		#feeds .folder.collapsable:hover button.collapsable_trigger {
			display: block;
		}

	#feeds li {
		border-bottom: 1px solid #ddd;
		border-top: 1px solid #fff;
		padding: 0 35px 0  0;
		font-weight: bold ;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		width: 100%;
		position: relative;
	}

	#feeds li.active {
		background: none !important;
		background-color: #d0d0d0 !important;
		border-bottom: 1px solid #ccc;
		border-top: 1px solid #ddd;
		text-shadow: 0 1px 0 rgba(255,255,255,.7);
	}

		#feeds li a.title {
			color: #333;
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			width: 100%;
			text-overflow: ellipsis;
			overflow: hidden;
			white-space: nowrap;
			display: block;
			padding-left: 2em;
			padding: 0 .5em 0 2.5em;
			background-size: 16px 16px;
			background-repeat: no-repeat;
			background-position: .7em center;
			line-height: 2.5em;
		}

			#feeds li:hover {
				padding: 0;
			}

				#feeds li:hover > a.title {
					padding-right: 4em !important;
				}

				#feeds li.folder:hover > a.title {
					padding-right: 5.5em !important;
				}

		#feeds .starred a.title {
			background-image: url('%appswebroot%/news/img/starred.png');
		}

		#feeds .subscriptions a.title {
			background-image: url('%appswebroot%/news/img/rss.svg');
		}

	#feeds .feed {
		border-bottom: 1px solid #ccc;
	}

	#feeds li:hover, #feeds li:active, .ui-draggable-dragging {
		background-color: #ddd;
		border-bottom: 1px solid #ccc !important;
		border-top: 1px solid #d4d4d4 !important;
	}

	#feeds .folder {
		padding: 0;
	}

		#feeds .folder > a.title {
			background-image: url('%webroot%/core/img/places/folder.svg');
			/*border-bottom: 1px solid #ddd;*/
			text-transform:uppercase;
		}

		#feeds .folder.collapsable:hover a {
			background-image: none;
		}

	#feeds .folder.collapsable ul {
		display: none;
	}

	#feeds .folder.collapsable.open ul {
		display: block;
	}

	#feeds .folder.collapsable.open {
		padding: 0;
		background-image: linear-gradient(top, rgb(238,238,238) 0%, rgb(245,245,245) 100%);
		background-image: -o-linear-gradient(top, rgb(238,238,238) 0%, rgb(245,245,245) 100%);
		background-image: -moz-linear-gradient(top, rgb(238,238,238) 0%, rgb(245,245,245) 100%);
		background-image: -webkit-linear-gradient(top, rgb(238,238,238) 0%, rgb(245,245,245) 100%);
		background-image: -ms-linear-gradient(top, rgb(238,238,238) 0%, rgb(245,245,245) 100%);
	}

		#feeds .folder.collapsable.open:hover {
			-webkit-box-shadow: inset 0 0 3px #cccccc;
			box-shadow: inset 0 0 3px #cccccc;
		}


		#feeds .folder.open ul li {
			border: 0;
			border-bottom: 1px solid rgba(0,0,0,0);
			border-top: 1px solid rgba(0,0,0,0);
			box-sizing: border-box;
			-moz-box-sizing: border-box;
		}

			#feeds .folder.open ul li a.title {
				padding-left: 4.3em;
				padding-right: .5em;
				background-position: 2.5em center;
			}



/* feed settings */

.bottom_settings {
	padding: 0;
	bottom: 0;
	width: 20em;
	margin:0;
	z-index: 100;
	background:#eee;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	position:absolute;
	transition: height 500ms;
}

.open_add {
	height: 0;
	z-index: 102;
}

.open_add .personalblock {
	margin-bottom: 1em;
}

.open_add .personalblock legend {
	margin-bottom: -1em;
}

.open_add.expanded {
	height: 18em;
}


.bottom_popup {
	transition: height 500ms;
}


#feed_settings {
	height:2.8em;
}

#feed_settings.expanded {
	height: 20em;
	z-index: 101;
}

	.open_settings, .open_add {
		padding: 1em;
	}

	#feed_settings legend {
		margin-top: 0.5em;
	}

	#feed_settings .personalblock {
		margin-top: 1em;
	}

		#feed_settings .personalblock p.error span {
			color: #DD1144;
		}

		#feed_settings .personalblock button {
			border: none;
		}

		#feed_settings .personalblock button.loading {
			background-image: url('%webroot%/core/img/loading.gif');
			background-position: 3.5em center;
			background-repeat: no-repeat;
			padding-right: 2em;
		}



	#feed_settings .controls {
		height: 2.8em;
		width: 100%;
	}

	#feed_settings .controls > li {
		display: inline-block;
		float: left;
		margin: 0;
		padding: 0;
	}

	#feed_settings .controls .active button {
		background-color: #ccc;
	}

	#feed_settings button img {
		border: 0;
		outline: none;
	}

	#feed_settings .controls button {
		height: 2.4em;
		width: 2.4em;
		padding: .2em .1em 0 .1em;
		margin: .15em .15em 0 .30em;
	}

	#feed_settings .controls > li:last-child button {
		margin-right: .3em;
	}

	#feed_settings .view button {
		padding-top: .2em;
		background-size: 80%;
		background-position: center center;
		background-repeat: no-repeat;
	}

	#feed_settings .view.show_all button {
		background-image: url('%appswebroot%/news/img/eye_all.png');
	}

	#feed_settings .view.show_unread button {
		background-image: url('%appswebroot%/news/img/eye_unread.png');
	}

	#feed_settings #addfeedfolder {
		margin: 0 .3em .3em .3em;
	}





/* item view */


	/**
	 * Area below the feed title and controls
	 */
	#feed_items {
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		overflow: auto;
		height: 100%;
	}

		#feed_items:after {
			content: '';
			display: block;
			height: 100%;
		}

		#feed_items.loading {
			background-image: url('%webroot%/core/img/loading.gif');
			background-position: center;
			background-repeat: no-repeat;
		}

		#feed_items.loading > ul {
			display: none;
		}


		/**
		 * Rules for a single feed item
		 */
		.feed_item {
			border-top: 1px solid #ccc;
			min-height: 100px;
			background-image: linear-gradient(top, rgb(248,248,248) 0, rgb(255,255,255) 6em);
			background-image: -o-linear-gradient(top, rgb(248,248,248) 0, rgb(255,255,255) 6em);
			background-image: -moz-linear-gradient(top, rgb(248,248,248) 0, rgb(255,255,255) 6em);
			background-image: -webkit-linear-gradient(top, rgb(248,248,248) 0, rgb(255,255,255) 6em);
			background-image: -ms-linear-gradient(top, rgb(248,248,248) 0, rgb(255,255,255) 6em);
			padding: 2.5em 0 0 0;
			cursor: default;
		}

		.feed_item.viewed {
			border-right: 5px solid #F28627;
		}


		.feed_item:first-child {
			border-top: 0;
		}

			/**
			 * Utils panel
			 */
			.utils {
				height: 2em;
				margin: 0 0 0 1em;
				float: left;
			}

			/**
			 * Primary feed utils which are always shown
			 */
			.feed_item .primary_item_utils {
				float: left;
			}

				.feed_item .primary_item_utils li {
					display: inline-block;
					line-height: 1.5em;
					font-size: 1em;
					color: #aaa;
					float: left;
					margin-left: ;
					cursor: default;
				}

				.feed_item .primary_item_utils li:first-child { margin: 0}
				.feed_item .primary_item_utils li.star {
					background-image: url('%appswebroot%/news/img/inactive_star.svg');
					background-repeat: no-repeat;
					background-size: 1.5em 1.5em;
					width: 1.5em;
					height: 1.5em;
					cursor: pointer;
				}

				.feed_item .primary_item_utils li.star.important,
				.feed_item .primary_item_utils li.star:hover {
					background-image: url('%appswebroot%/news/img/active_star.svg');
				}

			/**
			 * Feed title
			 */
			.feed_item h1.item_title {
				font-size: 1.5em;
				margin: 0 13em 0 2.1em;
				font-weight: bold;
				word-break: break-all;
			}

				.feed_item h1.item_title a {
					color: #222;
				}
					.feed_item h1.item_title a:hover {
						color: #222;
						text-decoration: underline;
					}

			/**
			 * Feed title when read
			 */
			.feed_item.read h1.item_title {
				font-weight: normal;
			}

				.feed_item.read h1.item_title a {
					color: #888;
				}

			/**
			 * Title of the feed to which the item belongs
			 */
			.feed_item h2.item_feed_title {
				color: #aaa;
				font-size: 1.1em;
				margin-left: 3em;
			}

			/**
			 * Author of the item
			 */
			.feed_item h2.item_author {
				color: #aaa;
				font-size: 1.1em;
				margin: .2em 0 0 3em;
			}

				.feed_item h2.item_author a {
					color: inherit;
				}

					.feed_item h2.item_author a:hover {
						text-decoration: underline;
					}

			.timestamp {
				display: none;
			}

			/**
			 * Feed timestamp
			 */
			.timeago {
				float: right;
				color: #aaa;
				margin: 0 1.2em 0 0;
				font-size: 1.1em;
			}

			/**
			 * Body of the feed item
			 */
			.feed_item .enclosure {
				padding: 1em 3em 0 3.5em;
			}

			.feed_item div.body {
				padding: .75em 3em 0 3em;
				max-width: 55em;
				font-size: 1.1em;
				clear: both;
				overflow: auto;
			}

				.feed_item div.body p {
					line-height: 1.5;
					margin: .5em 0 1em 0;
				}

				.feed_item div.body img, .feed_item div.body table {
					max-width: 100%;
					height: auto;
					overflow: auto;
					word-wrap: break-word;
				}

				.feed_item div.body > img:first-child {
					padding: 0 1em 0 0;
					float: left;
				}

				.feed_item div.body h1, .feed_item div.body h2 {
					font-size: 1.25em;
					font-weight: bold;
					color: #222;
					margin: 1.5em 0 0 0;
				}

				.feed_item div.body h3 {
					font-size: 1.1em;
					font-weight: bold;
					color: #222;
					margin: 1.5em 0 0 0;
					text-decoration: underline;
				}

				.feed_item div.body > div {
					margin: .5em 0;
				}

				.feed_item div.body a {
					color: #0000ff;
					text-decoration: underline;
				}

				.feed_item div.body ul {
					margin: .5em 0;
					padding-left: 1em;
					list-style-type: disc;
				}

				.feed_item div.body ol {
					margin: .5em 0;
					padding-left: 1.5em;
				}

					.feed_item div.body ul li {
						cursor: default;
						line-height: 1.5em;
					}

				.feed_item div.body pre {
					padding: .5em .5em .5em 1em;
					background-color: #dadada;
					border: 1px solid #ccc;
					margin: .5em 0 1em 0;
					background-image: linear-gradient(top, rgb(215,215,215) 0%, rgb(220,220,220) 100%);
					background-image: -o-linear-gradient(top, rgb(215,215,215) 0%, rgb(220,220,220) 100%);
					background-image: -moz-linear-gradient(top, rgb(215,215,215) 0%, rgb(220,220,220) 100%);
					background-image: -webkit-linear-gradient(top, rgb(215,215,215) 0%, rgb(220,220,220) 100%);
					background-image: -ms-linear-gradient(top, rgb(215,215,215) 0%, rgb(220,220,220) 100%);
					overflow-y: auto;
				}

					.feed_item div.body pre code {
						font-family: monospace;
						font-size: 1.5em;
					}
			.feed_item div.body > *:last-child {
				margin-bottom: 0;
			}

		/**
		 * Line with utils at the bottom
		 */
		.bottom_utils {
			width: 100%;
			height: 2.5em;
			margin: 0;
			padding: 0;
			box-sizing: border-box;
			-moz-box-sizing: border-box;
		}

			/**
			 * Secondary feed items which are only shown on hover
			 */
			.feed_item .secondary_item_utils {
				float: right;
				margin: 0 1.2em;
			}


			.feed_item .secondary_item_utils, .feed_item .secondary_item_utils a {
				color: #000;
			}

			.feed_item:hover .secondary_item_utils li {
				display: inline-block;
			}

				.feed_item .secondary_item_utils li {
					padding-left: 25px;
					display: none;
				}

				/**
				 * Secondary feed items which are only shown on hover
				 */
				.feed_item .show_keep_unread .keep_unread{
					display: block;
				}

				.feed_item li.share_link {
					background-image: url('%webroot%/core/img/actions/share.svg'); 
					background-repeat: no-repeat;
					background-position: right center;
					padding-right: 20px;
				}

				.feed_item:hover .secondary_item_utils li.keep_unread {
					cursor: pointer;
				}

				.feed_item .secondary_item_utils li input[type=checkbox]{
					margin-left: 5px;
				}