body {
	margin: 0;
}

.app {
	background: #ccd6e5;
}

.hidden {
	display: none;
}
.mce-tinymce {
	border: 0 !important;
}
.wrapper {
	border: 1px solid rgba(0, 0, 0, 0.15);
	height: 100%;
	max-width: 1140px;
	margin: 8px auto 0;
	border-radius: 5px;
}
.titlebar {
    position: relative;
	font-family: 'Open Sans', sans-serif;
	background: #e5e5e5;
	background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05));
	border-radius: 5px 5px 0 0;
	box-shadow: inset 0 1px rgba(255, 255, 255, 0.3);
	padding: 0.5em 0;
    display: block;
	text-align: center;
	border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    min-height: 24px; 
}
.titlebar a {
	text-decoration: none;
	color: #444;
}

.titlebar svg, .titlebar .menu {
	color: #444;
	position: absolute;
	left: 15px;
	top: 50%;
	transform: translateY(-50%);
	cursor: pointer;
}

.titlebar h1 {
	margin: 0 auto;
	display: inline-block;
}

h1 {
	font-size: 1em;
	margin: 0;
	padding: 0;
	font-weight: 700;
	font-size: 0.95em;
}
.notepad {
	display: block;
	height: 100%;
	min-height: 945px;
	box-shadow: 0 0 20px 4px rgba(0, 0, 0, 0.15);
}
#editor {
	height: 100%;
	width: 100%;
}
.tinywrap {
	height: 100%;
	min-height: 800px;
	background: #fff;
	overflow: visible;
    position: relative;
}
.mce-panel {
	background: #fafafa !important;
}
.mce-toolbar .mce-btn {
	background: #fafafa;
}
.mce-btn i {
	color: #494949;
}
.mce-i-download {
    -webkit-mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M232 64L280 64 280 214 277 270 300 242 356 189 388 221 256 353 124 221 156 189 212 242 235 270 232 214 232 64ZM64 400L448 400 448 448 64 448 64 400Z' /%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M232 64L280 64 280 214 277 270 300 242 356 189 388 221 256 353 124 221 156 189 212 242 235 270 232 214 232 64ZM64 400L448 400 448 448 64 448 64 400Z' /%3E%3C/svg%3E");
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    background-color: #444 !important; 
    display: inline-block !important;
}
.mce-menu-item:hover .mce-i-download {
    background-color: #fff !important;
}
.mce-window .mce-btn button {
	background: #2d8ac7;
	color: #fff !important;
}
.mce-statusbar {
    position: sticky !important;
    bottom: 0;
    left: 0;
    width: 100% !important;
    z-index: 100;
    border-top: 1px solid rgba(0, 0, 0, 0.1) !important;
}
.ag {
	overflow: hidden;
	text-align: center;
	margin: 0 auto 0;
	padding: 0;
	clear: both;
}

.content {
	max-width: 1230px;
	padding: 2rem;
}