/** iframe panel for edit screens **/

#editpanel {
	
	position: fixed;
	top: 0; left: -23%;
	z-index: 101;
	width: 22%;
	height: 100%;
	background: #FFF;
	box-shadow: 1px 0 3px rgba(0, 0, 0, .3);
	
	box-sizing: border-box;
	padding: 60px 20px 20px;
	
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
  -o-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
		
	transition: left .5s;
		-webkit-transition: left .5s;
		-moz-transition: left .5s;
		-ms-transition: left .5s;
		-o-transition: left .5s;
	
	overflow: hidden;
	
}
#editpanel.loading { background: url(../img/ajaxloader.gif) no-repeat center center #FFF; }
#editpanel.open { left: 0; }


#editpanel select {
	width: 100%;
	-webkit-appearance: none;
	background: #FFF;
	border: 1px solid #EEE;
	margin: 3px 0;
	padding: 10px;
}
#editpanel div.labeled { clear: both; position: relative; }
#editpanel label { 
	position: absolute;
	top: 10px; right: 0;
}
#editpanel label:after {
    content: '<>';
    font: 11px "Consolas", monospace;
    color: #aaa;
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
    right: 8px; top: 2px;
    padding:0 0 2px;
    border-bottom:1px solid #ddd;
    position:absolute;
    pointer-events:none;
}
#editpanel label:before {
    content:'';
    right:6px; top:0px;
    width:20px; height:20px;
    background:#FFF;
    position:absolute;
    pointer-events:none;
    display:block;
}


.editform {
	padding-bottom: 20px;
}
.editform input[type="text"],
.editform textarea {
	
	border-radius: 4px;
	border: 1px solid #EEE;
	outline: none;
	padding: 7px 10px;
	margin: 3px 0;
	width: 100%;
	box-sizing: border-box;
	
}

.editform input[type="submit"],
.btn-close {
	
	float: left;
	font-family: 'Dosis';
	font-size: 11px;
	letter-spacing: 1px;
	font-weight: 600;
	border-radius: 3px;
	padding: 10px 25px 11px !important;
	color: #333;
	border: 0;
	background: #FFF;
	margin: 10px 3px;
	border: 1px solid #CCC;
	outline: none;
	cursor: pointer;
	text-decoration: none;
	
}

.btn-close {

}

.editform input[type="submit"]:hover,
.btn-close:hover {
	
	background: #333;
	border: 1px solid #333;
	color: #FFF;
	font-weight: 300;
	
}

#formflash {
	padding: 10px 0; margin: 20px 0; border-top: 1px solid #EEE;
}