/* Editor - Start */
.editor {
	max-width:100%;
	min-width:300px;
	max-height:100%;
	min-height:300px;
	display:block;
	position:fixed !important;
	z-index:10000;
	left:0px;
	top:0px;
	background:#ffffff;
	box-shadow:2px 2px 5px rgba(0, 0, 0, 0.5);
	border:1px solid #666666;
}
.editor.fullscreen {
	width:100% !important;
	height:100% !important;
	left:0px !important;
	top:0px !important;
}
.editor.flying {
	width:960px;
	height:600px;
}
.editor.minified {
	left:0px !important;
	bottom:0px !important;
	top:auto !important;
	height:32px !important;
	width:256px !important;
	min-height:0px !important;
	min-width:0px !important;
}
.editor.minified .area {
	display:none;
}
.editor .bar {
	width:100%;
	height:32px;
	background:#0a0a0b;
	color:#ffffff;
}
.editor .bar .name {
	height:30px;
	line-height:20px;
	padding:5px;
	font-weight:bold;
	white-space:nowrap;
	overflow:hidden;
	max-width:100%;
	display:block;
    cursor:default;
}
.editor .bar .icons {
	position:absolute;
	top:0px;
	right:0px;
	line-height:20px;
	padding:5px;
    font-size:14px;
}
.editor .bar .icons .icon {
	min-width:20px;
	height:20px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	transition:all 0.15s ease-in-out 0s;
	text-align:center;
}
.editor .bar .icons .icon .notifies {
	font-size:12px;
	line-height:20px;
	height:auto;
	width:auto;
	background:none;
	border-radius:0px;
	border:none;
	margin-left:2px;
	color:inherit;
}
.editor.ui-draggable-dragging .bar .name {
    cursor:move;
}
.editor.minified .bar .name {
	cursor:default;
}
.editor .bar .icons .custom {
	display:inline-block;
}
.editor.minified .bar .icons .custom {
	display:none;
}
.editor .bar .icons .icon .min, .editor.minified .bar .icons .icon .max {
	display:none;
}
.editor .bar .icons .icon .max, .editor.minified .bar .icons .icon .min {
	display:inline;
}
.editor .bar .icons .icon:hover {
	color:#cccccc;
}
.editor .area {
	position:absolute;
	top:32px;
	left:0px;
	bottom:0px;
	right:0px;
    display:block;
}
.ios .editor .area {
	top:42px;
	overflow-y:scroll;
	overflow-x:hidden;
	-webkit-overflow-scrolling:touch;
}
.ios .editor .area iframe {
}

@media screen and (max-width:640px) {
    .editor.minified {
        height:42px !important;
    }
    .editor .bar {
        height:42px;
    }
    .editor .bar .name {
        height:40px;
        line-height:30px;
    }
    .editor .bar .icons {
        line-height:30px;
        font-size:16px;
    }
    .editor .bar .icons .icon {
        min-width:25px;
        height:30px;
    }
    .editor .bar .icons .icon .notifies {
        line-height:25px;
    }
	.editor .area {
		top:42px;
    }
}
.editor .area iframe {
   	border:none;
	position:absolute;
    display:block;
    width:100%;
    height:100%;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
}
.editor .area .editorareaframehider {
	position:absolute;
	display:none;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	background:rgba(255, 255, 255, 0.5);
}