body {
	font-size: 14px !important;
	/* font-family: Arial Narrow !important; */
	font-family: Futura, "Trebuchet MS", Arial, sans-serif !important;
	overflow-x: hidden;
	margin: auto;
	padding: 8%;
	background-image: linear-gradient(rgba(3, 3, 3, 0.8), rgba(3, 3, 3, 0.8)),
		url("../../media/bg.jpg") !important;
	background-size: cover !important;
	background-attachment: fixed !important;
}

.login-box-body {
	background-color: rgba(255, 255, 255, 0.6) !important;
	border-radius: 10px !important;
}

.btn-utama {
	font-size: 12px;
	background: #121212 !important;
	color: #fff !important;
	padding: 10px 22px 10px 22px !important;
	border-radius: 10px !important;
}

.btn-utama-sm {
	font-size: 14px !important;
	background: #121212 !important;
	color: #fff !important;
	padding: 5px 12px 5px 12px !important;
	border-radius: 10px !important;
}

.btn-utama:hover {
	background: #000 #000 !important;
	color: #fff;
}

.btn-utama-sm:hover {
	background: #000 #000 !important;
	color: #fff;
}

.btn-utama:focus {
	background: #000 #000;
	color: #fff;
}

.btn-utama-sm:focus {
	background: #000 #000;
	color: #fff;
}