#c,#e{
	border: solid 1px #CCC;
	background: #EEEEEE;
}

.img_item{
	border: solid 6px #CCC;
	margin: 5px;
}

.img_item_selected{
	border: solid 6px #333;
	margin: 5px;
}

.image{
	/*width: 100px;*/
	max-width:100px;
	max-height:100px;
	width:auto;
	height: auto
}

.lead{
	border-bottom: solid 1px #CCC;
}

#list{
	/*height: 100px;
	width: 100%;*/
	overflow: auto;
}

#list img{
	/*height: 80px;*/
	margin: 10px;
}


/****/
.limitOverflow{
	overflow: hidden !important;
}
#page{
	background: grey;
}
/*#main{*/
#appdraw{
	z-index: 10000;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transform: translateX(-100%);
	transition: all 0.5s ease;
	overflow: scroll;
	background: rgba(255,255,255,1);
	padding: 10px;
}
/*#main.show{*/
#appdraw.show{
	transform: translateX(0);
}
a.closeApp{
	font-size: 30px;
	padding: 0 10px;
}
a.closeApp:hover{
	cursor: pointer;
}
.cover,.filter{
	float: left;
	width: 200px;
	height: 200px;
	text-align: center;
		margin: 10px;
	color: #FFF;
}
.cover:hover,.filter:hover{
	cursor: pointer;
}
.cover span,.filter span{
	padding: 20px;
	display: block;
    	font-size: 20px;
    	line-height: 30px;
}
.cover i{
	display: block;
	padding: 10px;
	font-size: 30px;
}

#myModal{
	overflow-y: auto;
	height: calc( 100% - 200px );
}

/*#main header{*/
#appdraw header{
	background: black;
	color: white;
}
#tools, #layertools {
	padding-right: 20px;
}
#button-help-toolbar{
	margin-right: 50px;
}
.dev{
	display: none;
}
.img_item
{
	/*float: left;*/
	display:inline-block;
}

.filter span{
	background: linear-gradient(#212121,rgba(33, 33, 33, 0));
}