/*
	// ==================================================================
	// The Watchers color scheme
	// ================================================================== */

thewatchers {
	color:#7e1e14;
}

@keyframes fade-in {
	from { opacity: 0; }
	to { opacity: 1; }
}
@keyframes loading-animator {
	from { left:0%; }
	to { left:80%; }
}
@keyframes slide-in {
	from { left:40px; opacity:0; }
	to { left:0; opacity:1; }
}
/*
	// ===================================================================
	// Bootstrap overrides 	
	// =================================================================== */ 

input[type=file].form-control {
	padding:0;
}
.input-group-addon {
	background-color:transparent;
	border:none;
	cursor:default !important;
}
.progress-bar {
	padding-left:10px;
}
	.progress-bar-info {
		color:#000;
		font-weight:bold;
	}
.nav-tabs > li > a {
	color:#666;
	background-color:#eee;
	border-bottom:1px solid #ddd;
}
	.nav-tabs > li.active > a, 
	.nav-tabs > li.active > a:hover, 
	.nav-tabs > li.active > a:focus {
		background-color:#f9f9f9;
	}
	.well .nav-tabs > li.active > a, 
	.well .nav-tabs > li.active > a:hover, 
	.well .nav-tabs > li.active > a:focus {
		background-color:#f5f5f5;
	}
	.nav-tabs > li.nav-muted > a {
		-webkit-column-rule: #bbb;
		-moz-column-rule: #bbb;
		-o-column-rule: #bbb;
		column-rule: #bbb;
	}
	.nav-tabs > li.nav-muted > a .badge,
	.nav-tabs > li.nav-muted > a .bg-primary {
		background:#bbb !important;
	}

.nav-pills > li > a {
	color:#999;
	border-bottom:3px solid transparent;
}
	.nav-pills > li.active > a, 
	.nav-pills > li.active > a:hover, 
	.nav-pills > li.active > a:focus {
		color:#337ab7;
		background-color:transparent;
		border-color:#337ab7;
	}

/*.nav-tabs {
	border:none;
}
	.nav-tabs > li > a {
		color:#aaa;
		text-transform:uppercase;
		border:none;
	}
	.nav-tabs > li.active > a, 
	.nav-tabs > li.active > a:hover, 
	.nav-tabs > li.active > a:focus {
		color:#222;
		border:none;
		background-color:transparent;
	}
	.nav-tabs > li > a:hover, 
	.nav-tabs > li > a:focus,
	.well .nav-tabs > li.active > a:hover, 
	.well .nav-tabs > li.active > a:focus {
		color:#888;
		background-color:transparent;
	}
	.nav-tabs > li.nav-muted > a {
		color:#999;
	}
	.nav-tabs > li.nav-muted > a .badge,
	.nav-tabs > li.nav-muted > a .bg-primary {
		background:#999;
	}*/
.tab-content {
	margin-top:20px;
}
.tooltip-inner {
	min-width:150px;
	max-width:400px;
}
.nav-block-pills .active a {
	background:#ddd;
}

/* Dialog opening and closing animation */ 
.modal.fade .modal-dialog {
	/*transform:scale(.9,.9);*/
	/*transition:transform .3s ease;*/
}
.modal.popout .modal-dialog {
	transform:scale(1.2,1.2);
	transition:transform .3s ease;
}
.modal.in .modal-dialog {
	transform:scale(1,1);
}

.modal-header {
	padding:6px 15px;
	overflow:hidden;
}
	.modal-header .close {
		padding:2px 6px;
		color:#fff;
		background-color:#f04242;
		opacity:1;
	}
	.modal-content {
		border-radius:0;
	}
	.modal-body {
		/*padding-top:40px;*/
	}
	.modal-footer {
		padding-top:0;
		text-align:left;
		border-top:none;
	}
a.panel-heading,
a.panel-heading:hover,
a.panel-heading:focus {
	text-decoration:none;
}
	a.panel-heading:hover {
		background-color:#dde0ea;
	}
.p {
	font-size:14px;
	font-weight:normal;
}
.fa-xl {
	font-size:60px;
}
.table-links tbody tr {
	cursor:pointer;
}

/*
	// ===================================================================
	// Common, global stuff 
	// =================================================================== */ 

body {
	line-height: 1.6em;
	overflow-y:scroll;
	/*overflow-x: hidden;*/
	padding-top:50px;
	background-color:#f9f9f9;
}
	body.action-embed-tweet {
		overflow-y:auto;
	}
	body.sidebar-animations .main-wrapper {
		transition:padding-left .2s ease;
	}
	body.no-navigation {
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 10px;
	}
a {
	cursor:pointer;
	outline:none !important;
}
select option[disabled] {
	color:#ccc;
	background-color:#fafafa;
}
ul.no-bullets,
ul.no-bullet {
	list-style-type:none;
	padding-left:1em;
}
	ul {
		padding-left:2em;
	}
.overlay {
	position: fixed;
	z-index: 1041;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.6);
}
.block {
	display: block;
}
.cloaked {
	display: none;
}
.tooltip,
span[data-toggle=tooltip],
div[data-toggle=tooltip] {
	cursor:help;
}
.btn-normal,
.btn-transparent {
	/*color: #333;*/
	background-color: transparent;
}
.inactive {
	color: #999;
	background-color: #ddd;
}
	.inactive img {
		opacity: .2;
	}
.relative {
	position: relative;
}
.pointer {
	cursor:pointer;
}
.indented {
	padding-left: 15px;
}
	.indented-treestyle {
		padding-left: 20px;
		margin-left: 10px;
		border-left:1px solid #ccc;
	}
.padded {
	padding-left:15px;
	padding-right:15px;
}
.text-more-muted,
.text-supermuted {
	color:#999;
}
	.text-smaller {
		font-size:0.85em;
	}
	.text-bigger {
		font-size:1.3em;
	}
	.text-huge {
		font-size:2em;
	}
	.text-upper {
		text-transform:uppercase;
	}
	.text-monospace {
		font-family:"Courier New", monospace !important;
	}
	.text-pending {
		color:#e169b9;
	}
	.text-strong {
		font-weight:bold;
	}
	.text-weak {
		font-weight:normal;
	}
.list-group-item.active .text-muted {
	color:#80c4ff;
}
.btn.text-success {
	border-color:#3c763d;
}
	.btn.text-warning {
		border-color:#8a6d3b;
	}
	.btn.text-danger {
		border-color:#a94442;
	}
.bg-muted {
	background:#eee;
}
.fa-sm {
	font-size:.7em;
}
	.fa-huge {
		font-size:3em;
	}
.btn-huge {
	padding-top:60px;
	padding-bottom:60px;
}
.highlight {
	background:#ff0;
}
.thumbnail-left {
	float: left;
	margin-right: 15px;
}
.debug {
	position:fixed;
	z-index:1032;
	bottom:0;
	left:0;
	padding:10px;
	width:100%;
	color:#666;
	background-color:#ffc;
}
	.debug-content {
		overflow-y:scroll;
		max-height:200px;
	}
.overflower-md {
	overflow-y:auto;
	overflow-x:hidden;
	min-height:400px; /* We have to use min and max because of slimscroll, otherwise slimscroll overrides height */ 
	max-height:400px;
}
	.overflower-lg {
		overflow-y:auto;
		overflow-x:hidden;
		min-height:600px;
		max-height:600px;
	}
.page-articles.action-edit,
.page-pages.action-index {
	background-color:#fff;
}
	.page-articles.action-add-image,
	.page-articles.action-edit-image {
		padding:15px;
	}
.paper {
	padding: 20px;
	background-color:#fff;
	border:1px solid #ddd;
	box-shadow: 0 5px 10px #ddd;
}
.loading-animator {
	display: none;
	position: fixed;
	z-index: 1050;
	top: 0;
	left: 0;
	width: 20%;
	height: 2px;
	background-color: #f0a;
	animation:loading-animator 1s ease-in-out;
	animation-direction: alternate;
	animation-iteration-count: infinite;
}
	.loading-animator.loading {
		display: block;
		left: 80%;
	}

/*
	// ===================================================================
	// Header, navigation, structure 
	// =================================================================== */ 

.main-wrapper {
	margin:0 auto;
	padding-left:240px;
	max-width:1600px;
	/*animation:fade-in .2s ease;*/
	transition:opacity .2s ease;
}
	
.navbar-default {
	height:50px;
	background-color:#fff;
	border:none;
	/*border-bottom:1px solid #ccc;*/
	box-shadow:0 2px 4px rgba(0,0,0,.05);
}
	.navbar-brand img {
		display:inline-block;
		width:1.28571em;
		text-align:center;
	}
	.navbar-brand > a {
		color:#fff;
		font-size:20px;
		font-weight:bold;
	}
	.navbar-brand > a .nav-label span {
		color:#48cbff;
	}
	.navbar-brand > a > .fa {
		margin-top:-4px;
		margin-bottom:-4px;
		font-size:24px;
	}
	.navbar-avatar {
		display:inline-block;
		margin-top:-10px;
		margin-bottom:-10px;
	}
	.navbar-nav > li > span {
		display:block;
		padding:15px;
	}

.navbar-wrapper {
	margin-left:240px;
}
	body.sidebar-animations .navbar-wrapper {
		transition:margin-left .2s ease;
	}
	.navbar-wrapper > .sidebar {
		float:left;
		width:240px;
		margin-left:-240px;
		background-color:#303030;
		border-bottom:1px solid #222;
	}
	body.sidebar-animations .navbar-wrapper > .sidebar {
		transition:all .2s ease;
	}
	.navbar-wrapper > .content {
		position:relative;
		float:right;
		padding-left:110px;
		padding-right:500px;
		width:100%;
		border-bottom:1px solid #ddd;
	}
	.navbar-wrapper > .content .form-control {
		padding-left:45px;
		height:50px;
		border:none;
		background-color:transparent;
		box-shadow:none;
	}
	.navbar-wrapper > .content .form-control:focus {
		border:none;
		box-shadow:none;
	}
	.navbar-wrapper > .content .navbar-left {
		position:absolute;
		top:0;
		left:0;
		z-index:1031;
	}
	.navbar-wrapper > .content .navbar-right {
		position:absolute;
		top:0;
		right:0;
		z-index:1031;
	}
	.navbar-wrapper > .content .navbar-middle {
		position:relative;
	}
	.navbar-wrapper > .content .navbar-middle form .fa {
		position:absolute;
		top:0;
		left:0;
		width:50px;
		height:50px;
		line-height:50px;
		cursor:pointer;
	}
	.navbar-wrapper > .content .btn-collapse {
		font-size:20px;
		border-right:1px solid #ddd;
	}
	body.sidebar-animations .navbar-wrapper > .content .btn-collapse .fa {
		transition:transform .4s ease-in-out;
		transition-delay:.4s;
	}
	.navbar-wrapper > .content .btn-add {
		font-size:20px;
		border-right:1px solid #ddd;
	}
	.navbar-wrapper > .content .btn-activity,
	.navbar-wrapper > .content .btn-bookmarks {
		font-size:20px;
		border-left:1px solid #ddd;
	}
		.navbar-wrapper > .content .btn-activity .fa-unread-messages {
			position:absolute;
			left:-10px;
			top:0;
			display:none;
		}

	.navbar-default .nav > li > a {
		padding-left: 12px;
		padding-left: 12px;
	}
	.navbar-wrapper > .content .btn-account {
		max-width:200px;
		border-left:1px solid #ddd;
	}
	.navbar-wrapper > .content .header-clock {
		padding-top:6px;
		padding-bottom:0;
		width:200px;
		height:50px;
		border-left:1px solid #ddd;
	}
	.navbar-wrapper > .content .header-clock .date {
		display:block;
		font-size:11px;
		line-height: 1.4;
		text-align:center;
	}
	.navbar-wrapper > .content .header-clock .time {
		display:block;
		font-size:16px;
		line-height: 1.4;
		text-align:center;
	}
	.navbar-wrapper > .content .header-clock .fa {
		float:left;
		margin-top:8px;
		margin-bottom:0px;
		font-size:20px;
	}
	.dropdown-menu.header-bookmarks {
		padding:15px;
		width:300px;
		max-height:400px;
		overflow-y:auto;
	}
		.header-bookmarks ul {
			padding-left:.4em;
		}
		.header-bookmarks .bookmark-item:hover {
			background:#eee;
		}
		.header-bookmarks .bookmark-item .fa-remove {
			display:none;
		}
		.header-bookmarks .bookmark-item:hover .fa-remove {
			display:block;
		}

.main-sidebar {
	overflow-y:auto;
	overflow-x:hidden;
	position:fixed;
	top:0;
	left:0;
	padding-top:50px;
	width:240px;
	height:100%;
	background-color:#333;
	z-index:10;
}
	body.sidebar-animations .main-sidebar {
		transition:width .2s ease;
	}
	.main-sidebar-scroller {
		height:100%;
		margin-right:-20px;
		overflow-y:scroll;
		overflow-x:hidden;
	}
	.main-sidebar .nav {
		/*margin-top:10px;*/
	}
	.main-sidebar .nav li:first-child {
		margin-top: 6px;
	}
	.main-sidebar .nav li:last-child {
		/*margin-bottom:6px;*/
		padding-bottom: 6px;
		border-bottom:1px solid #444;
	}
	.main-sidebar .nav > li > a,
	.main-sidebar .nav > li > span {
		display:block;
		padding:10px 15px;
	}
	.main-sidebar .nav > li > a {
		color:#ddd;
	}
	.main-sidebar .nav > li > span {
		color:#fff;
		font-weight:bold;
	}
	.main-sidebar .nav > li.text-muted > a {
		color: #555;
	}
	.main-sidebar .nav > li.text-muted > a:hover {
		background-color: transparent;
	}
	.main-sidebar .nav .fa {
		margin-right:4px;
		font-size:20px;
	}
	.main-sidebar .nav a:focus,
	.main-sidebar .nav a:hover {
		color:#fff;
		background-color:#444;
	}

.activity-overlay {
	display:none;
	position:fixed;
	z-index:1031;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background:rgba(0,0,0,.4);
}
	.activity-sidebar {
		position:fixed;
		z-index:1032;
		top:0;
		right:-400px;
		padding:15px;
		width:400px;
		height:100%;
		background:#fff;
		box-shadow:0 0 10px #666;	
		transition:right .4s ease;
		opacity: 0;
	}
	.activity-sidebar-header {
		position: relative;
	}
	.activity-sidebar-header .nav-justified {
		padding-left: 37px;
		padding-right: 37px;
	}
	.activity-sidebar-close-icon {
		position: absolute;
		top: 0;
		left: 0;
	}
	.activity-sidebar-loading-icon {
		position: absolute;
		top: 0;
		right: 0;
	}
		.activity-sidebar-close-icon .btn,
		.activity-sidebar-loading-icon .btn {
			height: 45px;
		}
	.activity-sidebar .tab-content,
	.activity-sidebar .tab-pane {
		overflow:hidden;
		height:100%;
	}
	.activity-sidebar .tab-content {
		padding-bottom:50px;
	}
	.activity-sidebar .tab-pane .overflower {
		height:100%;
		overflow-y:scroll;
	}
	.activity-open .activity-overlay {
		display:block;
	}
	.activity-open .activity-sidebar {
		right:0;
		padding:0;
		opacity: 1;
	}
	.activity-sidebar-loading {
		position:absolute;
		top:20px;
		right:15px;
	}
	.activity-sidebar .nav-pills {
		text-transform:uppercase;
		background-color:#f3f3f3;
	}
	.activity-sidebar .nav-pills > li > a, 
	.activity-sidebar .nav-pills > li > a:hover, 
	.activity-sidebar .nav-pills > li > a:focus {
		color:#666;
	}
	.activity-sidebar .nav-pills > li.active > a, 
	.activity-sidebar .nav-pills > li.active > a:hover, 
	.activity-sidebar .nav-pills > li.active > a:focus {
		color:#337ab7;
		background-color:transparent;
		border-bottom:4px solid #337ab7;
	}
	.activity-sidebar .participant-avatars {
		margin-bottom: 4px;
	}
	.activity-sidebar .thread p {
		margin-bottom: 4px;
	}
	.activity-sidebar .online-user {
		padding:6px 0;
		border-bottom:1px solid #eee;
	}
	.activity-sidebar .online-user h4,
	.activity-sidebar .online-user p {
		margin-bottom: 4px;
	}

.main-content {
	position: relative;
	padding:20px;
	min-height:800px;
	animation:.6s slide-in ease;
}
	.main-content > .content {
		/*max-width:1200px;*/
	}

.header {
	margin-top:15px;
	margin-bottom:15px;
}
	.header:before,
	.header:after {
		display:table;
		content:" ";
	}
	.header:after {
		clear:both;
	}
	.page-title {
		float:left;
	}
	.page-title h1 {
		margin:0;
	}
	.action-bar {
		float:right;
		text-align:right;
	} 

/*
	// .............................................................
	// Collapsed sidebar 
	// ............................................................. */ 
	
	.sidebar-collapsed .main-wrapper { 
		padding-left:60px;
	}
	.sidebar-collapsed .main-sidebar {
		width:60px;
	}
	.sidebar-collapsed .navbar-wrapper > .sidebar {
		width:60px;
		margin-left:-60px;
	}
	.sidebar-collapsed .navbar-wrapper { 
		margin-left:60px;
	}
	.sidebar-collapsed .nav-label {
		display:none !important;
	}

	/* Don't show any sidebar on small screens */
	@media(max-width:768px) {
		.sidebar-collapsed .main-wrapper {
			padding-left: 0;
		}
		.sidebar-collapsed .main-sidebar {
			left:-60px;
		}
		.sidebar-collapsed .navbar-wrapper > .sidebar {
			margin-left:-120px;
		}
		.sidebar-collapsed .navbar-wrapper { 
			margin-left:0px;
		}
	}

/*
	// .............................................................
	// Main content
	// ............................................................. */ 

.ad-image {
	display:block;
	margin:20px 0;
	background:url(/tpl/img/admin/click-to-upload.png) center no-repeat;
	cursor:pointer;
}
.chat-message-form {
	padding-bottom:20px;
}
.form-control[type=text],
textarea.form-control {
	/*box-shadow:inset 0 2px 6px #ddd;*/
}
.form-control[name=search] {
	width:180px;
}
	@media(min-width:992px) {
		.form-control[name=search] {
			width:240px
		}
	}

@media(min-width:768px) {
	.user-card {
		margin-left:140px;
		padding-top:20px;
		padding-bottom:20px;
	}
		.user-card > .sidebar {
			float:left;
			margin-left:-120px;
			width:80px;
			text-align:center;
		}
		.user-card > .content {
			width:100%;
			float:right;
		}
}
	.user-card > .content h1,
	.user-card > .content h2,
	.user-card > .content h3,
	.user-card > .content h4 {
		margin-top:0;
	}
	.user-card > .content p {
		max-width:800px;
	}
	.user-card > .content p .fa {
		color:#036;
	}

@media(min-width:768px) {
	.comment-card {
		margin-left:220px;
		padding-top:20px;
		padding-bottom:20px;
	}
		.comment-card > .sidebar {
			float:left;
			margin-left:-220px;
			width:200px;
			text-align:center;
		}
		.comment-card > .content {
			width:100%;
		}
}
.comment-response {
	margin-left:100px;
	/*border-top:none;*/
}
.comment-card.status-pending {
	font-weight:bold;
}
	.comment-card.status-spam {
		/*color:#a00;*/
	}

@media(min-width:768px) {
	.table-articles {
		table-layout:fixed;
	}
}

.table-articles {}
	.table-articles td {
		overflow:hidden; 
		white-space:nowrap;
	}
	.table-articles .title {
		width:50%;
		text-overflow:ellipsis;
	}
	.table-articles .title a {
		color:#222;
	}
	.table-articles .publish-time {
		width:130px;
	}
	.table-articles .comment-count {
		width:60px;
		text-align:right;
	}
	.table-articles .author {
		width:110px;
		text-overflow:ellipsis;
	}
	.table-articles .update-button {
		width:40px;
	}
	.table-articles .action-button {
		overflow:visible !important;
		width:40px;
	}
	.table-articles .action-button a {
		color:#333;
	}
	.table-articles .action-button .dropdown-menu {
		left:auto;
		right:0;
	}
	.table-articles .btn-sm {
		margin-top:-4px;
		margin-bottom:-4px;
	}

	.article-icon {
		display:inline-block;
		margin-top:-5px;
		margin-bottom:-5px;
		width:20px;
		height:20px;
		color:#fff;
		cursor:help;
	}
	.icon-pending,
	.icon-pending:hover,
	.btn-pending,
	.btn-pending:hover {
		color:#fff;
		background-color:#f0a;
	}
	.icon-draft,
	.icon-draft:hover {
		color:#fff;
		background-color:#f90;
	}
	.icon-upcoming,
	.icon-upcoming:hover {
		color:#fff;
		background:#05e;
	}
	.icon-published,
	.icon-published:hover {
		color:#fff;
		background:#5cb85c;
	}
.flickr-image {
	display:block;
	width:100%; 
	height:180px;
	background-size:cover;
	opacity:.7;
}
	.flickr-image:hover {
		opacity:1;
	}
	.flickr-frame p {
		margin:0;
	}
.current-editor .avatar {
	display:inline-block;
	margin:-6px 0;
	width:30px;
	height:30px;
	cursor:help;
}
.task-completed {
	/*background:#eee;*/
}
	.task-completed * {
		/*color:#999 !important;*/
	}

/*
	// ===================================================================
	// Dashboard 
	// =================================================================== */ 

.page-dashboard .progress {
	margin-bottom:0;
}
	.progress-holder {
		margin-bottom:4px;
		padding-bottom:4px;
		line-height:1.2em;
	}
	.progress-holder .progress {
		margin-top:4px;
	}
	.progress-holder a {
		color:#222;
	}
.page-dashboard {
	background-color:#f0f0f0;
}
	.page-dashboard .panel-heading,
	.page-dashboard .panel-footer {
		background-color:#fff;
	}
	.page-dashboard .panel {
		box-shadow:0 0 10px #ccc;
	}
.panel-quickstats {
}
	.page-dashboard .panel .table {
		margin-bottom:0;
	}
	.page-dashboard .panel .table td,
	.page-dashboard .panel .table th {
		padding-top:0px;
		padding-bottom:0px;
		border:none;
	}


/*
	// ===================================================================
	// Controls 
	// =================================================================== */ 

.center-form {
	margin-left:auto;
	margin-right:auto;
	max-width:400px;
	height:140px;
	text-align:center;
}

.radio,
.checkbox {
	position:relative;
	display:inline-block;
	padding:0 0 0 20px;
	margin-right:12px;
	margin-top:0;
	color:#333;
	font-weight:bold;
	cursor:pointer;
}
	/* Bootstrap fix */
	.form-horizontal .radio,
	.form-horizontal .checkbox {
		padding-top:0;
	}
.checkbox {
	padding-left:40px;
}
.radio input,
.checkbox input {
	position:absolute;
	opacity:0;
	z-index:-1; /* Put the input behind the label so it doesn't overlay text */
}
	.radio .indicator,
	.checkbox .indicator {
		position:absolute;
		top:.2rem;
		left:0;
		display:block;
		width:16px;
		height:16px;
		color:#fff;
		font-size:65%;
		text-align:center;
		line-height:16px;
		border:4px solid #ccc;
		transition:border-width .1s ease;
	}
	.checkbox .indicator {
		width:32px;
		background-color: #ccc;
		border-width:2px;
		border-radius:8px;
		/*border-right-width:20px;*/
	}
	.checkbox .indicator-ball {
		position: absolute;
		top: 1px;
		left: 1px;
		width: 10px;
		height: 10px;
		background-color: #fff;
		border-radius:5px;
		transition:left .2s ease;
	}
	.radio .indicator {
		border-radius:8px;
	}
	.radio input:checked ~ .indicator,
	/*.checkbox input:checked ~ .indicator,*/
	.nav > li.active > a .radio .indicator {
		color:#fff;
		background-color:#fff;
		border:4px solid #0074d9;
	}
	.checkbox input:checked ~ .indicator {
		background-color: #0074d9;
		border-color: #0074d9;
		/*border-width:2px;*/
		/*border-left-width:20px;*/
	}
	.checkbox input:checked ~ .indicator .indicator-ball {
		left: 16px;
	}
	.radio input:checked ~ span.name,
	.checkbox input:checked ~ span.positive-label {
		color:#101010;
	}
	.checkbox span.negative-label,
	.checkbox span.positive-label {
		font-weight: normal;
		/*animation:fade-in .2s ease;*/
	}
	.checkbox span.negative-label,
	.checkbox input:checked ~ span.positive-label {
		display: inline-block;
	}
	.checkbox span.positive-label,
	.checkbox input:checked ~ span.negative-label {
		display: none;
	}

.radio-control {
	padding-left: 15px;
}
	.radio-control .radio {
		font-weight: normal;
	}

.input-permalink {
	display:inline-block;
	padding:0;
}

.master-detail {}
	.master-detail .master {
	}
	.master-detail .master a {
		display:block;
		overflow:hidden;
		margin-bottom:-1px;
		padding:12px;
		color:#444;
		background-color:#fff;
		border-collapse:collapse;
		border:1px solid #ddd;
	}
	.master-detail .master a:hover {
		text-decoration:none;
		background-color:#eee;
	}
	.master-detail .master a.active {
		color:#111;
		background-color:#c4daff;
		border-color:#c4daff;
		text-decoration:none;
	}
	.master-detail .master a p {
		margin:0;
		white-space:nowrap;
		text-overflow:ellipsis;
	}
	.master-detail .detail > .content {
		display:none;
		padding:15px;
		background:#fff;
		border:1px solid #ddd;
	}
.action-buttons {
	padding:12px;
	margin-bottom:12px;
	background-color:#eee;
}
.btn-xxl {
	padding-top:100px;
	padding-bottom:100px;
}

.btn-pending {
	color:#fff;
	background-color:#f0a;
}
.btn-muted {
	color:#666;
	background-color:#ddd;
}

.label-sm {
	padding: 0 6px;
}
	.label-pending {
		background-color:#f0a;
	}
	.label-spam {
		color:#faa;
		background-color:#f00;
	}
	.label-new {
		margin-right:6px;
		background-color:purple;
	}
	.label-changed {
		margin-right:6px;
		background-color:orange;
	}
	.label-fixed {
		margin-right:6px;
		background-color:green;
	}
.label-ad-status-displaying {
	background-color:#4CAE4C;
}

.select {
	overflow:hidden;
	position:relative;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
					box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
			 -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
					transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
	
.select::after {
	position:absolute;
	top:50%;
	right:1.25rem;
	display:inline-block;
	content:"";
	width:0px;
	height:0px;
	color:#999;
	margin-top:-0.15rem;
	pointer-events:none;
	border:6px solid transparent;
	border-top-color:#aaa;
	/*border-width:0.6rem;
	border-style:solid;
	border-color:-moz-use-text-color transparent transparent;*/
}
	.select select {
		width:120% !important;
		background:transparent !important;
		border:none !important;
		box-shadow:none !important;
	}
.input-error {
	border:1px solid #f00 !important;
	/*box-shadow:0 0 4px #a00;*/
}

.submit-container {
	margin-top:60px;
}
@media(min-width:992px) {
	.submit-container {
		position:fixed;
		bottom:-15px;
		/*display:block;*/
		padding:12px 24px;
		left:240px;
		right:0;
		background:rgba(255,255,255,.85);
		z-index:1031;
		box-shadow:0 0 20px rgba(0,0,0,.4);
	}
}
	body.sidebar-animations .submit-container {
		transition:left .2s ease;
	}
	.sidebar-collapsed .submit-container {
		left:60px;
	}
	.submit-container .statusbar .btn {
		cursor:help;
	}

.text-sizer {
	/*display:none;*/
	padding:0;
	min-height:50px;
	white-space:pre-wrap;
	word-wrap:break-word;
}

/*
	// ===================================================================
	// Misc elements 
	// =================================================================== */ 

.word-wrap {
	overflow:hidden;
	white-space:nowrap;
}
img.full {
	max-width:100%;
}
blockquote.twitter-tweet {
	margin:15px auto;
	padding-top:60px;
	max-width:500px;
	text-align:left;
	background:#fff url(/tpl/img/admin/twitter-header-example.png) center top no-repeat;
	border:1px solid #ddd;
	border-radius:10px;
}

div.divider,
div.separator {
	margin-bottom:15px;
	border-bottom:1px solid #ddd;
}
.avatar {
	display:inline-block;
	text-align:center;
	font-weight:bold;
	border-radius:50%;
	cursor:default;
}
.graph-holder {
	margin:0 20px;
}
.card-holder {
	padding:20px;
	margin:20px 0;
	/*background-color:#fff;*/
	border-radius:4px;
	box-shadow:0 2px 10px #ddd;
}

.feed-item {}
	.feed-item .description img {
		float:left;
		margin-right:12px;
		margin-bottom:12px;
	}
.color-online {
	color:#0c0;
	text-shadow:0 0 4px #080;
}
.color-rss-o {
	color:#f60;
}
	.color-rss {
		color:#fff;
		background-color:#f60;
	}
	.active .color-rss-o {
		color:#fff;
	}
.color-published {
	color:#fff;
	background-color:#e0a02c;
}
	.color-published-alt {
		color:#fff;
		background-color:#e6b55b;
	}
	.color-read {
		color:#fff;
		background-color:#903190;
	}
	.color-read-alt {
		color:#fff;
		background-color:#b760b7;
	}
.color-favorite-o {
	color:#dd0;
}
.color-red {
	color:#f00;
}

/*
	// ===================================================================
	// Footer 
	// =================================================================== */ 

footer {
	margin:20px;
	color:#999;
}
	footer img {

	}

/*
	// ==================================================================
	// Making things mobile friendly 
	// ================================================================== */ 

@media(max-width:768px) {
	.table-articles .short-text {
		display:none;
	}
}
@media(max-width:992px) {
	.navbar-wrapper > .content {
		padding-right:310px;
	}
}
@media(max-width:844px) {
	.navbar-wrapper > .content {
		padding-right:0;
	}
	.navbar-wrapper > .content .navbar-middle {
		display:none;
	}
}

/*
	// ===================================================================
	// Color schemes
	// =================================================================== */ 

.avatar {
	display:inline-block;
	color:#fff;
}
.color-wikipedia-o {
	color:#000;
}
.color-twitter {
	color:#fff;
	background-color:#4099ff;
}
	.color-twitter-o {
		color:#4099ff;
	}
	a.color-twitter:hover,
	button.color-twitter:hover {
		color:#fff;
		background-color:#28f;
	}
.color-yahoo-o {
	color:#7B0099;
}
.color-google-o {
	color:#c64509;
}
.color-youtube-o {
	color:#a00;
}

/*
	// =====================================================================
	// Diff plugin 
	// ===================================================================== */ 

.diff td {
	width:50%;
	vertical-align:top;
	white-space:pre;
	white-space:pre-wrap;
	font-family:monospace;
}
	.diffDeleted {
    border:1px solid #ffc0c0;
    background-color:#ffe0e0;
	}
	.diffInserted {
		background-color:#e0ffe0;
		border:1px solid #c0ffc0;
	}