@charset "utf-8";
/* CSS Document */

.title-menu-container {clear:none;float:left;width:100%;margin-top:20px;}

.title-menu-teks {clear:none;float:left;width:100%;font-size:24px;font-weight:bold;}

table {border-collapse:collapse;width:100%;color: #464646; }
table thead td {background-color:#eee;padding:5px;font-weight:bold;font-size:1rem;}
table td {border: 1px solid #ddd;}
table tbody td {padding:5px;font-size:0.8rem;}
table.master-daftar tbody tr:hover {background-color:#FDECE9;cursor:pointer;}
table.master-daftar tbody tr:hover > td:first-child {text-decoration: underline;color:#C00;}

table.master-voucher tbody tr:hover {background-color:#FDECE9;cursor:pointer;}
table.detil-daftar tr td:first-child {background-color: #eee;color:#666;}

.profil-form-1 {clear:none;float:left;width:100%;margin-top:10px;}

.warna-merah {color:#C00;}
.warna-hijau {color:#25d366;}

.paging-menu-container {clear:none;float:left;width:100%;margin-top:5px;}

.pagination {clear:none;float:left;width:100%;display: inline-block;}

.pagination a {color: #666;float: left;padding: 8px 16px;text-decoration: none;margin:0 2px;}

.pagination a.active {background-color: #7a7676;color: white;border-radius: 5px;}

.pagination a:hover:not(.active) {background-color: #fce2df;border-radius: 5px;}

#mobile-view {display:block;background-color: #666;
	color:#FFF;
	border-radius: 5px;	}
#desktop-view {display:none;}

@media only screen and (min-width: 481px) {
    table thead td {font-size:1.1rem;}
    table tbody td {font-size:1rem;}

    #mobile-view {display:none;}    
    #desktop-view {display:block;}
}

@media only screen and (min-width: 769px) {
    table thead td {font-size:1.1rem;}
    table tbody td {font-size:1rem;}

    #mobile-view {display:none;}
    
    #desktop-view {display:block;}
}