.bb_hide {
    color: #666666;
    background: url("/templates/default/images/icons/lock.png") no-repeat left center #ece6e6;
    background-position-x: 2px;
    padding-left: 20px;
    border-radius: 3px;
}

.skin_edit_block {
	border-radius: 3px;
	position: fixed !important;
	width: 500px;
	max-width: 100%;
	height: 350px;
	bottom: 0;
	left: 0;
	background: #dedede;
	z-index: 10000;
}

.skin_edit_block.get_selector {
	background: #34495e;
}

.close_hard {
	cursor: pointer;
	position: absolute;
	left: 5px;
	top: 7px;
	width: 20px;
	height: 20px;
	background-size: cover;
	background-image: url("https://img.icons8.com/office/30/000000/close-window.png");
}

#skin_edit_head {
	height: 35px;
}

.close_edit {
	cursor: pointer;
	position: absolute;
	right: 5px;
	top: 7px;
	width: 20px;
	height: 20px;
	background-size: cover;
	background-image: url("https://img.icons8.com/ultraviolet/40/000000/save.png");
}

.skin_context {
	position: fixed;
	left: 5px;
	top: 5px;
	height: 30px;
	width: 30px;
	outline: none;
}

.skin_context ~ .ui-menu {
	width: 200px;
	z-index: 10000;
}

#edit_skin .CodeMirror{
	font-size: 12px;
	position: absolute !important;
	top: 35px;
	left: 5px;
	width: calc(100% - 10px);
	height: calc(100% - 40px) !important;
}

#edit_skin .CodeMirror pre{
	box-shadow:none;
}