body {
	background-color: #fdfdfd;
	background-image: url('../img/login-bg.jpg');
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
}

.w-15 {
	width: 15% !important;
}

.w-85 {
	width: 85% !important;
}

.h-100v {
	height: 100vh !important;
}

.nav-link {
	padding-right: 30px;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
	background-color: #118B44 !important;
	width: 150% !important;
    margin-left: -50px;
    padding-left: 50px !important;
    box-shadow: 3px 3px 8px rgba(0,0,0,.5);
	text-shadow: 1px 1px 1px #035203;
}

.bg-arabic {
	background-image: url('../img/arabic.png');
    background-attachment: fixed;
    background-size: contain;
}

.bg-semi-light {
	background-color: #fdfdfd !important;
}

.img-logo {
	height: 110px;
}

.text-16 {
	font-size: 16px !important;
}

.text-15 {
	font-size: 15px !important;
}

.text-14 {
	font-size: 14px !important;
}

.text-13 {
	font-size: 13px !important;
}

.text-12 {
	font-size: 12px !important;
}

.text-11 {
	font-size: 11px !important;
}

.text-10 {
	font-size: 10px !important;
}

.text-9 {
	font-size: 9px !important;
}

.text-8 {
	font-size: 8px !important;
}

.span-biaya span {
	width: 250px;
	display: inline-block;
}

@media only screen and (max-width: 600px){
	.img-logo {
		height: 80px !important;
	}

	.headline-text h1 {
		font-size: 13px !important;
	}

	.headline-text h2 {
		font-size: 15px !important;
	}

	.headline-text p {
		font-size: 8px !important;
	}

	.nav-pills .nav-link {
		text-align: center !important;
		padding-left: 50px !important;
		color: #035203 !important;
	}

	.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
		width: 100% !important;
		margin-left: 0 !important;
		padding-left: auto !important;
		text-align: center !important;
		border-left: 10px solid #035203;
		color: #fff !important;
	}

	.menu-data-peserta {
		width: 100% !important;
		border-bottom: 4px dotted #ddd;
		margin-bottom: 25px !important;
		padding-bottom: 10px !important;
	}

	.menu-data-form {
		width: 100% !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
}