.sf-master-admin.sf-nav-main-mode .sf-dialog-content { min-height: calc(100vh - 240px); }

.sf-btn.sf-hide {display:none;}   
.sf-img-block img:not(.sf-img-block .canvas img):not(.sf-img-block .sf-maxbox-canvas img) { display:block; width:100%; border-radius:5px; margin-top:1em; }
.sf-img-block .sf-media-figure { display:block; width:100%; border-radius:5px; margin-top:1em; }
#sf-content-stage .sf-media-upload-medium {padding:0;}
.sf-content-module-container {overflow-y:scroll;max-height:calc(100vh - 180px);}

.sf-content-seo-headline { width:calc(100% - 1em); margin:0 auto 1em 0;}
.sf-content-seo-headline li { line-height:1.5em; white-space:nowrap; }
.sf-content-seo-headline li>span { display:block; float:left; width:80%; max-width:250px; overflow:hidden; text-overflow:ellipsis; }
.sf-content-seo-headline li em, .sf-content-seo .sf-badge-value { display:block; line-height:normal; padding:1px 5px; border-radius:5px; }
.sf-content-seo-headline li em, .sf-content-seo .sf-badge-value { float:right; }
.sf-content-seo-headline li span em { float:left; }
.sf-content-seo-headline .sf-level-2 { margin-left:3px; }
.sf-content-seo-headline .sf-level-3 { margin-left:6px; }
.sf-content-seo-headline .sf-level-4 { margin-left:9px; }

.sf-badge-normal { background-color:#ccc; }
.sf-badge-success { background-color:#00cc007d;}
.sf-badge-warning { background-color:#ff66007d;}

/* pages */   
.sf-btn.sf-btn-context-menu {
	border: 0;
	border-radius: 16px;
	padding: 4px 5px;	
	background-color: #ddd;
	color: #333;
}
.sf-btn.sf-btn-context-menu + .sf-dropdown-content{
	width:auto;
}
.sf-btn-test .material-icons {
	font-size: 21px;
	margin: -4px 0;
	vertical-align: middle;	
}
.sf-btn-group .sf-nav>li {float:left;}

.sf-app-content-sidebar ul li { margin-left:.5em; }
.sf-app-content-sidebar .sf-list li { list-style-type: disc;}
.sf-app-content-sidebar .sf-status-1.sf-release-1 { color: #0c0; }
.sf-app-content-sidebar .sf-status-1.sf-release-0 { color:#ff9204 }
.sf-app-content-sidebar .sf-status-0 { color:#ccc }
   
/* articles */
.sf-btn-switch.sf-btn-switch-on { color: #2485b6; }
.sf-app-content-article-media-stage { display:block; background-color:#eee; border-radius:3px; }
.sf-app-content-article-media-stage figure,.sf-app-content-article-media-stage img, .sf-app-content-article-media-stage video { display:block; width:100%; margin:auto; border-radius:3px; } /* max-width:640px; */
.sf-app-content-article-media-stage figure { display:block;margin:auto;}
.sf-app-content-article-media-stage figure figcaption { padding:.5em;}

/* .sf-master-network .sf-app-content-article { margin:0 auto; width:100%; max-width:1400px; } */
.sf-app-content-article-test .sf-main-width { margin:auto;max-width:1120px;}
/*
.sf-app-content-page h1, .sf-app-content-article h1, .sf-input-h1 input { font-weight:normal; font-size:2.0em; }
.sf-app-content-page h2, .sf-app-content-article h2, .sf-input-h2 input { font-weight:normal; font-size:1.7em; }
*/
.sf-app-content-article h1, .sf-input-h1 input { font-weight:normal; font-size:2.0em; }
.sf-app-content-article h2, .sf-input-h2 input { font-weight:normal; font-size:1.7em; }
.sf-app-content-article-media h2 { padding:0 24px; }
.sf-app-content-article-media .sf-media-resource { margin:auto; }
.sf-app-content-article-media img.sf-media-resource { display:block;width:100%; max-width:640px; }
.sf-app-content-article h3 { font-weight:normal; font-size:1.5em; }
.sf-app-content-article p { margin:2em 0; }
.sf-app-content-article-tag span { display:inline-block; margin:1em .5em 0 0; padding:.5em 1em; }
.sf-app-content-article-reactions .material-icons {font-size:16px;vertical-align:bottom; }
.sf-app-content-article-description { max-height:14em; }
#sf-content-article-area-stage .fullsize input,
#sf-content-article-area-stage .fullsize textarea {
	width:100%;
	padding:16px 24px;
}

.sf-form.sf-app-content-article-form fieldset .p1{
	font-size:.9em;
}
.sf-form.sf-app-content-article-form fieldset .p1,
.sf-form.sf-app-content-article-form .p2 {
	text-align:left;
	float:none;
	width:100%;
	background-color:transparent;
}
.sf-form.sf-app-content-article-form .cke_chrome {
	border:0;
	box-shadow:none;
}

/* messages */
#js-article-message {
	position: fixed;
	top: 100px;
	z-index: 1010;
	width: 100%;
	max-width: 800px;	
}
/* error messages */
#js-article-message .sf-message.sf-color-base.sf-boxshadow-2 {
	box-shadow: 0 500px 500px 0 rgba(0,0,0,.3),0 0 0 700px rgba(0,0,0,0.5);
}
.sf-message.sf-message-type-timeout {
	position:fixed;
	bottom:30px;
	right:30px;
	min-width:400px;
	z-index:1010;
	white-space:nowrap;
	-webkit-box-shadow:1px 1px 7px #979797;
	-moz-box-shadow:1px 1px 7px #979797;
	box-shadow:1px 1px 7px #979797;  
}

/* general, topics border-left:1px solid #ccc; */
.sf-app-content-container { height:100%; min-height:80vh; }
	.sf-sidebar-topics { margin-right:1em;}
	.sf-sidebar-topics .material-icons {font-size:1.15em; vertical-align:bottom; margin-right:.1em;}
	.sf-sidebar-topics li a { display:block; padding:.5em 1em; margin:.5em 0; border-radius:5px; text-decoration:none; font-size:1.2em; color:#666;}
	.sf-sidebar-topics .selected a, .sf-sidebar-topics li:hover a { background-color:#d5eaf5; }

/* editor content and toolbar */
.sf-app-content-editor .sf-main { padding:0 0 0 3em;}
#sf-content-stage {
	position:relative;
}
.sf-content-section img {border:1px solid #ccc;}
#sf-content-toolbar .sf-nav .material-icons {
	margin-right:8px;
}
.sf-sidebar-topnavi-icon {
	float:left;
	padding:0 .5em;
}
@media only screen and (min-width: 1200px) {
	.sf-app-content-editor #sf-content-article-area-stage,
	.sf-master-network .sf-dialog-content #sf-content-article-area-stage {
		width:calc(100% - 370px);
		float:left;
	}
	#sf-content-toolbar {
		position:fixed;
		top:46px;
		right:0;
		width:360px;
		overflow:auto;
		z-index:1001;
	}
	.sf-master-admin #sf-content-toolbar {
    	height:100vh;
	}
	.sf-master-network .sf-dialog-content #sf-content-toolbar {
		position:relative;
		top:0;
		float:right;
	}
}

.sf-content-toolbar-slide {
	position:fixed;
    top:46px;
    right:0;
    width:580px;
    overflow:auto;
	height:calc(100vh - 48px);
	z-index:10101;
}
.sf-content-toolbar-slide .fullsize input, .sf-form-fullsize input, .sf-form-fullsize textarea { width:100%; }

/* sidebar fieldset toggles */
.sf-form .sf-sidebar-toggle fieldset { margin:0;padding:0; }
.sf-form .sf-sidebar-toggle legend {
	border-top:1px solid #ddd;
	background-color:#fff;
	color:#666;
	font-size:1.2em;
	padding-left:1.2em;
}
.sf-theme-dark .sf-form .sf-sidebar-toggle legend {
	border-top: 1px solid #333942;
	background-color:#252c33;
	color:#ccc;
}
.sf-sidebar-toggle legend+div {
	padding:1em 0 1em 1.5em;
}	
.sf-sidebar-toggle legend:after,
.sf-editor-template-group:after {
	font-family: 'Glyphicons Halflings';
	font-size:.8em;
	content: "\e259";
	margin-right:1em;
	margin-top:.1em;
	float:right;
	color:#999;
}
.sf-sidebar-toggle legend.active:after,
.sf-editor-template-group.selected:after {
	font-family:'Glyphicons Halflings';
	content:"\e260";
}

.sf-dialog-backdrop {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1003;
	background: #0006;
}
.sf-content-module-navi .sf-bubble-help {
	position: fixed;
	bottom: 0;
	left: 20px;
}