.font-form-head {
	font-family: "Inter", sans-serif;
	font-size: 18px;
}

.font-from-judul {
	font-family: "Inter", sans-serif;
	font-size: 14px;
}


.font-card-head {
	font-family: "Poppins";
	font-size: 12px;
}

.font-card-body {
	font-family: "Poppins";
	font-weight: bold;
	font-size: 30px;
}

.font-tabel-head{
	font-family: "Inter", sans-serif;
	font-size: 14px;
	font-weight: 700;
}
.font-map-head{
	font-family: "Inter", sans-serif;
	font-size: 16px;
	font-weight: 400;
}
.font-map-kec{
	font-family: "Inter", sans-serif;
	font-size: 30px;
	font-weight: 700;
}
.font-map-body{
	font-family: "Inter", sans-serif;
	font-size: 24px;
	font-weight: 400;
}
.font-head-chart{
	font-family: "Roboto";
	font-size: 16px;
	font-weight: 700;
	text-align: center;
}
.selector {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
	color: #ffffff;
	background-color: #288AE2;
}

select.selector option {
	background-color: #ffffff;
	color: black;
}
.btn-outline-primary{
	color: #288AE2;
    border-color: #288AE2;
}
.btn-outline-primary:hover{
	background-color: #288AE2;
}