/*paging*/
.area-halaman{
	position: relative;
    width: 100%;
    bottom: 85px;
    padding: 10px;
/*	background: rgb(255,255,255);*/
/*background: linear-gradient(141deg, rgba(255,255,255,1) 70%, rgba(255,255,255,0) 100%);*/
}
.area-halaman .halaman{
	margin: 0px 0px;
    left: 10px;
}
.area-halaman .menampilkan{
	margin: 0px 45px;
	letter-spacing: 2px;
}
.area-halaman span{

}
.area-halaman .halaman nav{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px;
	    border-radius: 5px
}
.area-halaman .halaman nav .menampilkan{
	letter-spacing: 2px;
	font-size: 12px;
	color: white;
}
.area-halaman .halaman nav .pagination{
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
.area-halaman .halaman nav b{
	background: #2d2a70;
	color: white;
	font-size: 12px;
	padding: 8px 15px;
	margin: 0px 0px;
	border-radius: 8px;
	/*box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%) !important;*/
	box-shadow: 0 0px 1rem rgb(102 102 102 / 78%) !important;
	transition: 0.5s;
}
.area-halaman .halaman nav b:hover{
	box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 0%) !important;
}
.area-halaman .halaman nav  a{
	padding: 8px 14px;
	margin: 0px 0px;
	background: #ff5722;
	border-radius: 10px;
	text-decoration-line: none;
	color: white;
	box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%) !important;
	font-size: 12px;
	font-weight: bold;
}


/*.area-halaman{
	position: fixed;
	width: 100%;
	bottom: 34px;
	padding: 10px;
	background: rgb(255,255,255);
}
.area-halaman .halaman{
	margin: 0px 45px;
}
.area-halaman .halaman nav{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.area-halaman .halaman nav .menampilkan{
	letter-spacing: 2px;
}
.area-halaman .halaman nav .pagination{
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
.area-halaman .halaman nav b{
	background: #2d2a70;
	color: white;
	padding: 10px 15px;
	margin: 0px 0px;
	border-radius: 8px;
	box-shadow: 0 0px 1rem rgb(102 102 102 / 78%) !important;
	transition: 0.5s;
}
.area-halaman .halaman nav b:hover{
	box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 0%) !important;
}
.area-halaman .halaman nav  a{
	padding: 10px 16px;
	margin: 0px 0px;
	background: #ff5722;
	border-radius: 10px;
	text-decoration-line: none;
	color: white;
	box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%) !important;
}*/
/*end pangging*/