.clear{clear:both;}/* clear float */
.float-lt{float:left;}/* float left */
.gambar{
	float:left;
	width:20%;
	padding-left:10px;
	padding-top:5px;
}
.gambar_mobile{
	float:left;
	width:33%;
	padding-left:0px;
	padding-top:5px;
}
.listview_1_of_2_mobile{
	display: block;
	margin:0% 0 0% 0%;
	padding:3%;
	width:95%;
	border:1px solid #CCC;
	background-color:#FFFFFF;
	border-radius: 10px;
}
.images_1_of_2_mobile  img {
	max-width:100%;
}
.listview_1_of_2{
	display: block;
	margin:2% 0 0% 0%;
	padding:4%;
	width:92%;
	border:1px solid #CCC;
	background-color:#FFFFFF;
	border-radius: 15px;
}
.images_1_of_2  img {
	max-width:100%;
}
div.figure_pinjaman {
	width:100%;
    height:30px;
    overflow:hidden;
}
div.figure_pinjaman_mobile {
	width:100%;
    height:20px;
    overflow:hidden;
}
div.figure {
	width:100%;
    height:300px;
    overflow:hidden;
	border-radius: 20px;
}
div.figure_mobile {
	width:100%;
    height:100px;
    overflow:hidden;
	border-radius: 10px;
}
div.figure > div {
	width:100%;
    height:100px;
    display:table-cell;
    vertical-align:middle;
}
div.figure > div.kondisi {
	position: absolute;
	margin-top:-10px;
	margin-left:50px;
}
div.figure > div img {
	*width:100%;
    max-width:150px;
    display:block;
    margin:0 auto;
}
div.figure_judul {
	width:100%;
    height:120px;
    overflow:hidden;
	font-size:20px;
}
div.figure_judul_mobile {
	width:100%;
    height:75px;
    overflow:hidden;
	font-size:10px;
}
div.figure_pages_mobile {
	font-size:8px;
}
div.figure_pages {
	font-size:15px;
}
div.figure_ket {
	width:100%;
    height:40px;
    overflow:hidden;
}
div.figure_pinjam {
	padding-top:20px;
	width:100%;
    height:30px;
    overflow:hidden;
}
div.figure_diskon {
	width:100%;
    height:50px;
    overflow:hidden;
}
.kotak_cover{
	float:left;
	width:40%;
	padding-right:15px;
	padding-top:5px;
}
div.figure_cover {
	width:100%;
    overflow:hidden;
	border-radius:10px;
}
.kotak_judul_mobile {
	font-weight: bold;
    font-size: 16px; 
    font-family: Arial, sans-serif;
	padding-top:10px;
}
.kotak_author_mobile {
    font-size: 12px; 
    font-family: Arial, sans-serif;
	color:#666666;
	padding-top:10px;
}
.kotak_hits_mobile {
	width:50%;
    overflow:hidden;
	font-size: 14px;
	font-family: Arial, sans-serif;
	color:#333333;
	padding-top:15px;
}
.kotak_tombol_mobile {
	padding-top:15px;
}
.kotak_tabel_mobile {
	padding-top:20px;
}
.kotak_judul {
	font-weight: bold;
    font-size: 23px; 
    font-family: Arial, sans-serif;
	padding-top:20px;
}
.kotak_author {
    font-size: 17px; 
    font-family: Arial, sans-serif;
	color:#666666;
	padding-top:20px;
}
.kotak_hits {
	width:70%;
    overflow:hidden;
	font-size: 16px;
	font-family: Arial, sans-serif;
	color:#333333;
	padding-top:25px;
}
.tampilan_login {
	text-align:center;
	padding-top:50px;
	width:100%;
}
.login-form {
	background: #f2f2f2;
    padding: 20px;
    border: 1px solid #ccc;
    border-radius: 5px;
}
.kiri {
	padding-left:15px;
}
.kanan {
	padding-right:15px;
}
.card_judul {
	font-size:25px;
	color:#FFFFFF;
	width:100%;
	padding-left:20px;
}
.card_judul_mobile {
	font-size:15px;
	color:#FFFFFF;
	width:100%;
}
.button-link-mobile {
	width:100%;
	display: inline-block;
    padding: 3px 10px;
    text-align: center;
    text-decoration: none;
    background-color: #666666;
	font-size:9px;
    color: #fff;
    border: 1px solid #333333;
    border-radius: 5px;
}
.button-link {
	width:100%;
	display: inline-block;
    padding: 5px 10px; 
    text-align: center;
    text-decoration: none;
    background-color: #666666;
	font-size:15px;
    color: #fff;
    border: 1px solid #333333;
    border-radius: 5px;
}
.button-info {
	width:40%;
	display: inline-block;
    padding: 3px 10px; 
	text-align: left;
    text-decoration: none;
    background-color: #FFFFFF;
	font-size:18px;
    color: #666666;
    border: 1px solid #333333;
    border-radius: 5px;
}
.button-info_mobile {
	width:90%;
	display: inline-block;
    padding: 3px 10px; 
	text-align: left;
    text-decoration: none;
    background-color: #FFFFFF;
	font-size:15px;
    color: #666666;
    border: 1px solid #333333;
    border-radius: 5px;
}
.batas {
	width:100%;
}
.kotak_histori {
	width:98%;
	padding-left:15px;
	padding-right:15px;
	padding-top:15px;
	padding-bottom:10px;
	background-color:#FFFFFF;
	border: 1px solid #333333;
	border-radius: 10px;
}
.kotak_detail {
	width:98%;
	padding-left:15px;
	padding-right:15px;
	padding-top:15px;
	padding-bottom:10px;
	background-color:#FFFFFF;
	border: 1px solid #333333;
	border-radius: 10px;
}
.profil-photo {
	width: 40px; /* Ukuran foto profil */
    height: 40px; /* Ukuran foto profil */
    border-radius: 50%; /* Mengubah elemen gambar menjadi lingkaran */
}
.view-photo-mobile {
	width: 300px;
	padding-top:20px;
	padding-left:10px;
    border-radius: 5%;
}
.custom-file-upload {
	display: inline-block;
    padding: 10px 15px;
    cursor: pointer;
    background-color: #333333;
    color: #fff;
    border: none;
    border-radius: 5px;
}
.hidden-input {
	display: none;
}
.position-file-upload {
	padding-bottom:10px;
}