html,body{
	height: 100%;
	width: 100%;
}
.homepage{
	background-color: #f5f5f5;
	color: #222;
	background: url('../img/default/bg/bg.jpg');
	background-size: cover;
	height: 100%;
}
.backdrop{
	background:rgba(0,0,0,0.4);
}
.app-title-home{
	font-size: 2.25rem;
	color: #fff;
	z-index: 1;
}
.btn-daftar{
	background-color: #07131c !important;
	color: #c3e0e5 !important;
}
.btn-daftar:hover{
	color: #fff !important;
}
.btn-login{
	background-color: #c3e0e5 !important;
	color: #07131c !important;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    background-color: #3490dc !important;
    color: #fff !important;
}
.navbar-brand{
    color: #fff;
}
.navbar-brand:hover{
	color: #fff;
}
.bg-custom{
	background-color: rgb(0 0 0 / 80%);
}
.bg-blue{
	background-color: #16215a!important;
}
.bg-black{
	background-color: #000000!important;
}

/* blinking sidebar nav  */
.blink-nav-red {
	animation: blinkernav-red 3s infinite forwards;
}

@keyframes blinkernav-red {
	50% {
		opacity: 0.6;
		background-color: red;
	}
}