body{
	margin: 0px;
	padding: 0px;

font-family: "San Francisco";

	width: 100%;
	height: 100%;

	overflow: hidden;

	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.ui-page, .ui-page-theme-a, .ui-page-active{
	width: 100%;
	height: 100%;
}
#compCanvas{
	display: none;
	width: 700px;
	height: 500px;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 2000;
}
#mainCanvas{
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 0;
    -ms-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -webkit-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
}
#selector{
	position: absolute;
	z-index: 400;
	padding: 10px;
	font-size: 11px;
	text-align: center;
	background: #fff;
	/*
	top: 10px;
	left: 10px;
	*/
}
.single{
	background-size: auto 40px;
	float: left;
	width:40px;
	height:40px;
}
.single img{
	cursor: pointer;
	width: 40px;
	height: 40px;
	opacity: 0.3;
}

.single img:hover{
	opacity: 0;
}

#mouseIndicator{
	pointer-events:none;
	position: fixed;
	width: 40px;
	height: 40px;
	z-index: 100;
	display: none;
}

#mouseIndicator img{
	width: 40px;
	height: 40px;
}

#info{
	position: fixed;
	bottom: 10px;
	right: 40px;
	/*text-align: center;*/
	padding: 5px;
	padding-right: 20px;
	z-index: 300;
	display: none;
	font-size: 11px;
	/*background: rgba(255,255,255,.5);*/
	cursor: default;
}

#info img{
	width: 40px;
	height: 40px;
margin-bottom:10px;
}

#info form, #info form input{
	width: 160px;
	-webkit-box-shadow: 0 0 0 0 rgba(0,0,0,0);
	box-shadow: 0 0 0 0 rgba(0,0,0,0);
	border: none;
	outline: none;
	color: rgba(0,0,0,0);
	background: rgba(0,0,0,0);
	font-size: 0px;
}

#info form div div{
	width: 160px;
	margin-top: 3px;
	height: 1px;
	margin-left:3px;
	color: rgba(0,0,0,0);
border-radius:10px;
}

#info form div div a{
	width: 20px;
	height: 20px;
	padding: 0px;
	margin-top: -11px;
border-radius:20px;
}

#directions{
	position: absolute;
	bottom: 5px;
	left: 5px;
	font-size: 11px;
	text-align: center;
	display: none;
}
#arr{
	position:fixed;
	top:0px;
	left:0px;
	display:none;
	background:#000;
	color:#fff;
	width:100%;
	height:100%;
	z-index: 500;
	overflow-y:scroll;
}
.selectorTool{
	text-align: center;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 300px;
	height: 100%;
	z-index: 300;
	overflow-y:scroll;
}
#fileNameHolder{
	position: fixed;
	top: 50%;
	left: 50%;
	padding: 20px;
	z-index: 600;
	background: #fff;
	margin-left: -150px;
	margin-top: -40px;
}
#fileNameHolder input{
	margin-left: 5px;
	margin-right: 5px;
}
#saving{
	display: none;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 700;
	background: rgba(255,255,255,.5);
}
#blackout{
	position: fixed;
	z-index: 200;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.5);
	display: none;
}
#saveButtonHolder{
	position: fixed;
	top: 0px;
	right: 0px;
	height: 32px;
	z-index: 301;
	background: #fff;
	display: none;
background-color:transparent;
}
.topButtons{
	width: 20px;
	height: 20px;
	float: right;
	margin-left: 1px;
margin-right:25px;
margin-top:25px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: left top;
background-color:transparent;
display:block;
}
.topButtons:hover{
	background-position: right top;
}

#saveButton{background-image: url("assets/buttons/compose.svg");}
#fbButton{background-image: url("assets/imgs/save2.png");}
#twButton{background-image: url("assets/imgs/save2.png");}
#igButton{background-image: url("assets/imgs/save2.png");}
#infoButton{background-image: url("assets/imgs/save2.png");}
#infoImg{cursor: pointer;}
#finalOutput{
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 10000;
	display: none;
}


#background{
	position:fixed;
	left:50%;
	top:50%;
	width:500px;
	height:500px;
	margin-left:-250px;
	margin-top:-250px;
	z-index:0;
	background-color:transparent;
}

#test{
z-index:250;
pointer-events:none;
opacity:.5;
position:fixed;

background-image:url('') ;
background-size:contain;
background-repeat: no-repeat;;
background-position: center;
height: 250px;
width: 250px;
border: 1px solid #bbb;
display:none;
width:100%;
height:100%;

}

#testform{
  display:none;
}