.paging {
    text-align: right ;
    float: left;
    margin: 5px 10px ;
    clear: both ;
    width: 95%;
    font-size: 95% ;
}
    .paging a { background:#8CCB00 ; padding: 2px 6px ; border: 1px solid #ccc; text-decoration: none; color: #333; }
    .paging a:hover { background: #ccc; color: #000; }

.f1 ul.split li { 
	width: 50px ; float: left ; }

.f1 ul li a{
	color:#888888;
}
.orange{
	background-color:#FF6600;
	color:white;
}.hijau{
	background-color:#8CCB00;
	color:black;
}

.list-arsip{
	margin-top:20px; 
	border:1px solid #DDDDDD; 
	padding:10px 5px; 
	margin-left:30px
}    

div.pdf , div.print {
    margin : 5px 0 10px 0px;
    padding :0px;
    float: right;
    clear: both;
}
div.pdf, div.print  { width: 30px; clear: none; }
div.print a { padding-left: 30px; background:url("images/application-print.gif") no-repeat scroll 0 50% transparent; }
div.pdf a , .a-pdf { padding-left: 30px; background:url("images/application-pdf.png") no-repeat scroll 0 50% transparent; }

    .a-pdf { background:url("images/application-pdf.png") no-repeat scroll 0 50% transparent; }
    .a-doc { background:url("images/application-msword.png") no-repeat scroll 0 50% transparent; }
    .a-xls { background:url("images/application-vnd.ms-excel.png") no-repeat scroll 0 50% transparent; }
    .a-ppt { background:url("images/ppt.jpg") no-repeat scroll 0 50% transparent; }
    
    .a-pdf, .a-doc, .a-xls , .a-ppt { padding: 5px 0 5px 24px ; }   
.box-kanan{
	border: solid 1px #DDDDDD ;
}
.box-kiri{
	border: solid 1px #DDDDDD ;
}	

.kembali{
	margin:5px 0px;
}

.cover-buku{
	display:block;padding:4px;margin-bottom:20px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:border .2s ease-in-out;-o-transition:border .2s ease-in-out;transition:border .2s ease-in-out
}

.katalog-list{
	height:200px;
}

.selengkapnya{

}


.w3-animate-fading{-webkit-animation:fading 10s infinite;animation:fading 10s infinite}
@-webkit-keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}

.w3-animate-right{position:relative;-webkit-animation:animateright 0.4s;animation:animateright 0.4s}
@-webkit-keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}

@media screen and (max-width: 480px) {
	.list-arsip{
		margin-left:0px
	}
	
	.katalog-list{
		height:auto;
	}
}