.selection-box {
    position:    absolute;
    background-color:rgba(61,211,0,0.1);
    border: 1px dotted #08c40d;
}

.off{display: none !important;}

.simplified_btn,.btn[data-bar="stage_simple"]{
    background-color: transparent !important;
	border:1px solid var(--form-innerbg);
	padding:15px 35px !important;
	font-size: 1.4em !important;
	margin:1px !important;
	color:var(--form-placeholder);
}

.simplified_btn:hover,.btn[data-bar="stage_simple"]:hover{
    color:var(--accent-color);
	border:1px solid var(--accent-color);
}

.simplified_bg{
    background-color: var(--text-color) !important;
}

.simplified_layer{
    pointer-events: none !important;
}

.advanced{display: none !important;}

.invert {
    filter: invert(100%);
}
.panel[stage_only='1']{
	position:relative !important;
	padding:0px !important;
	height:100vh;
}

#canvas{
	position:relative !important;
	overflow:hidden !important;
}

.color_square{
	cursor:pointer;
	text-align:center;
	border:none;
	font-size:x-small;
	width:50px;
	height:30px;
	margin-left: 5px;
	margin-right: 5px;
}

@keyframes border-pulsate {
    0%   { border-color: rgba(0, 255, 255, 1); }
    50%  { border-color: rgba(0, 255, 255, 0); }
    100% { border-color: rgba(0, 255, 255, 1); }
}

.stageLight{
	display:block;
	width:100%;
	height:100%;
	border:1px dotted #051E02;
}

.layer_highlight{
	border:1px dotted var(--accent-color);
}

.layer_locked{
	pointer-events: none;
}

.shift_selected_border{
    border:1px solid var(--accent-color);
}

#highlight{
	position: absolute;
	border:2px dotted var(--accent-color);
}
#highlight,.stageLight{
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.edit_panel{
	position:absolute;
}

#templates_panel,#options_panel{
	width:220px;
	height:75%;
	overflow-x: hidden;
	overflow-y:auto;
	top:50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

#templates_panel{
	left:0;
}

#options_panel{
	right:0;
}

#canvas_color{
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.canvas_btn_bar{
	position:absolute;
	display:none;
	bottom: 0;
	left:0;
	width: 100%;
	text-align: center;
	background-color: rgba(0,0,0,0.75);
}

.canvas_btn{
	position: relative;
	display:inline-block;
	cursor: pointer;
	padding:10px;
	font-size: 24px;
	color:var(--text-color);
	background-color: #000000;
}
.canvas_btn:hover{
	background-color: var(--accent-color);
}

#browser_dimensions{
	color: var(--text-color);
	text-align: center;
	font-family: 'quicksand';
	font-size: 1.7em;
}

#browser_dimensions .icomoon{
	color:#DC4F50 !important;
	font-size: 2.5em;
}

#browser_dimensions .dscr{
	font-size: 0.7em !important;
}