.backButton{
	float:right;
	padding:11px 20px 9px;
	font-weight:bold;
	letter-spacing:1px;
	text-decoration:none;
	color:#fff;
	background:#ffae5c;
	border-radius:30px;
	cursor:pointer;
}

#listgridIcon{
	float:left;
	margin-right:20px;
	width:36px;
	height:36px;
	color:#fff;
	cursor:pointer;
	transition:all 0.15s ease;
}
.iconListGrid{    
	width:32px;
    margin-top:2px;
}
.icon-bar{
	position:relative;
	width:32px;
	height:7px;
	margin:0 auto 4px auto;
	background:#ffae5c;
	box-shadow:2px 2px 4px shade(#16a085, 20%);
	transition:all 0.15s ease;
}
.icon-bar:last-child{
	margin-bottom:0;
}
.icon-bar:before, .icon-bar:after{
	position:absolute;
	display:block;
	width:7px;
	height:7px;
	background:#ffae5c;
	box-shadow:2px 2px 4px shade(#16a085, 20%);
	content:'';
	opacity:0;
	transition:all 0.15s ease;
}
.icon-bar:before{
	left:-15px;
}
.icon-bar:after{
	right:-15px;
}
.icon-grid .icon-bar{
	width:7px;
}
.icon-grid .icon-bar:before, .icon-grid .icon-bar:after{
	opacity:1;
}
.icon-grid .icon-bar:before{
	left:0;
	transform:translateX(-12px);
}
.icon-grid .icon-bar:after{
	right:0;
	transform:translateX(12px);
}

/* LIST GRID VIEW */
#listgrid ul{
	margin-bottom:5px;
	padding:5px 0 0;
	font-family:font1;
	list-style:none;
}
#listgrid .list li{
	margin-bottom:10px;
	width:100%;
	background:#f0f0f0;
	border-radius:10px;
}

#listgrid .list .circle{
	overflow:hidden;
	float:left;
	margin-right:10px;
	width:60px;
	height:60px;
	text-align:center;
	color:#474747;
	background:#e0e0e0;
	border-radius:10px;
}
#listgrid .list .circle .thumb{
	width:100%;
	height:auto;
}

#listgrid .list .circle .circleUpload{
	margin-top:6px;
}

#listgrid .list .kode{
	margin-top:20px;
	font-weight:bold;
	text-align:center;
	color:#fff;
}

#listgrid .list .nama{
	float:left;
	margin-top:20px;
}


/* GRID */
#listgrid .gridItem li{
	float:left;
	margin-bottom:40px;
	width:20%;
}
#listgrid .gridItem .aksi{
	float:right;
	margin:0 15px 0 0;
	width:85%;
	background:#fff;
	border-radius:0 0 2px 2px;
}
#listgrid .gridItem li a{
	text-decoration:none;	
}
#listgrid .gridItem li a#aksiIcon{
	float:right;
	margin:0 2px 2px 5px;
	padding:4px 4px 4px 5px;
	text-decoration:none;
	background:#393939;
	color:#fff;
	border-radius:3px 0 3px 0;
	-moz-transition:ease 0.3s;
	-webkit-transition:ease 0.3s;
	-o-transition:ease 0.3s;
}
#listgrid .gridItem li a:hover#aksiIcon{
	opacity:.7;
}
#listgrid .gridItem li a.pilih{
	width:100%;
	color:#393939;
	border-radius:100px;
	-moz-transition:ease 0.3s;
	-webkit-transition:ease 0.3s;
	-o-transition:ease 0.3s
}
#listgrid .gridItem .nama{
	width:85%;
	height:60px;
	padding:4px 0; 
	text-align:center;
	color:#393939;
	background:#fff;
	border-radius:0 0 2px 2px;
}
#listgrid .gridItem .circle{
	overflow:hidden;
	width:85%;
	height:80px;
	background:#494949;
	border-radius:2px 2px 0 0;
}
#listgrid .gridItem .kode{
	margin-top:30px;
	font-weight:bold;
	text-align:center;
	color:#fff;
}