body {
    background-color: #F6F6F6;
    font-size: 14px;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}
.row{
	width: 100%;
}
/*.btn-primary {
    background-color: #FF9800;
    color: #FFFFFF;
}*/
.topnav {
    background: #006298;
    color: white;
    padding: 6px 80px;
    font-size: 0.8em;
}
.btn{
	border-radius: 20px !important;
/*	padding: 6px 20px !important;*/
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem;
}
.form-control{
    border-radius: .25rem !important;
    padding: 0.275rem .55rem;
    font-size: 0.9rem;
}
.navbar{
	background: white !important;
}

#daftar-autocomplete { 
	list-style:none; 
	margin:0; 
	padding:0; 
	width:100%;
}

#daftar-autocomplete li {
	padding: 5px 10px 5px 10px; 
	background:#FAFAFA; 
	border-bottom:#ddd 1px solid;
}

#daftar-autocomplete li:hover,
#daftar-autocomplete li.autocomplete_active { 
	background:#2a84ae; 
	color:#fff; 
	cursor: pointer;
}
#hasil_pencarian{ 
	padding: 0px; 
	display: none; 
	position: absolute; 
	max-height: 400px;
	overflow: auto;
	border:1px solid #ddd;
	z-index: 1;
}
button.btn.btn-outline {
    background: transparent;
    color: black;
    border: 1px solid #c1c1c1;
}

/*login*/
.login-panel{
	margin:auto;
	margin-top:80px;
	width:300px;
}

.login-panel img{
	margin-bottom:20px;
}

.login-panel  > .panel{
	padding:10px;
}
/*login*/

li.paginate_button {
    padding: 2px 10px;
}
li.paginate_button.active {
    background: #f1f1f1;
    border-radius: 20px;
}

.panelinfo{
	background: #fbfbfb;
    padding: 8px;
    border-radius: 6px;
    border: 1px solid #f1f1f1;
}
div#PelangganArea {
    border-top: 1px solid #e3e3e3;
    padding-top: 30px;
    margin-top: 30px;
}