/* AFI COLOR CSS  */
body{
	background: rgba(158, 158, 158, 0.1);
}
#header{
	background: radial-gradient(circle, rgba(2,0,36,1) 0%, rgba(19,19,40,0.8155637254901961) 48%, rgba(57,96,105,1) 83%);!important;
}
thead{
	background: radial-gradient(circle, rgba(2,0,36,1) 0%, rgba(19,19,40,0.8155637254901961) 48%, rgba(57,96,105,1) 83%);!important;
	border-bottom: 3px solid #33b5e5;
}
.kikuk{
	color: #33b5e5;
}
.modal-header{
	background: radial-gradient(circle, rgba(2,0,36,1) 0%, rgba(19,19,40,0.8155637254901961) 48%, rgba(57,96,105,1) 83%);!important;
	color: #fff;
	
}
.card-header, .breadcrumb{
	background: #eeeeee;
}
.bg-ungu{
	background: radial-gradient(circle, rgba(2,0,36,1) 0%, rgba(19,19,40,0.8155637254901961) 48%, rgba(57,96,105,1) 83%);!important;
	box-shadow: 1px 1px 10px rgba(73, 78, 92, 0.3);
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
	background: radial-gradient(circle, rgba(2,0,36,1) 0%, rgba(19,19,40,0.8155637254901961) 48%, rgba(57,96,105,1) 83%);!important;
	text-shadow: 0px 1px 1px #000;
}
.nav-pills .nav-link.active{
	border-bottom: 3px solid #33b5e5;
}
#menuku > .menu-text > .gray{
	background-image: linear-gradient(to bottom, #314755, #26a0da);
	color: #e1f5fe;
	font-weight:100;
	border: 1px groove #fff;
	text-shadow: 0px 1px 2px #000, 0px 2px 1px #000;
    box-shadow: 0 1px 1px 0 #000, 0 1px 1px 0 #000;
}
#menuku > .menu-text > .ungu{
	background-image: linear-gradient(to top,#ab47bc 0, #4a148c 100%);
	color: #f3e5f5;
	font-weight:100;
	border: 1px groove #fff;
	text-shadow: 0px 1px 2px #000, 0px 2px 1px #000;
    box-shadow: 0 1px 1px 0 #000, 0 1px 1px 0 #000;
}
#menuku > .menu-text > .merah{
	background: rgb(139,73,73);
	background: linear-gradient(13deg, rgba(139,73,73,1) 5%, rgba(246,11,11,1) 46%, rgba(252,69,69,1) 96%);
	color: #fff;
	font-weight:100;
	border: 1px groove #fff;
	text-shadow: 0px 1px 2px #000, 0px 2px 1px #000;
    box-shadow: 0 1px 1px 0 #000, 0 1px 1px 0 #000;
}
#menuku > .menu-text > .orange{
	background: linear-gradient(to top, #f12711, #f5af19);
	color: #fffde7;
	font-weight:100;
	border: 1px groove #fff;
	text-shadow: 0px 1px 2px #000, 0px 2px 1px #000;
    box-shadow: 0 1px 1px 0 #000, 0 1px 1px 0 #000;
}
#menuku > .menu-text > .birumuda{
	background-image: linear-gradient(to top, #603813, #b29f94);
	color: #efebe9;
	font-weight:100;
	border: 1px groove #fff;
	text-shadow: 0px 1px 2px #000, 0px 2px 1px #000;
    box-shadow: 0 1px 1px 0 #000, 0 1px 1px 0 #000;
}
#menuku > .menu-text > .hijaumuda{
	background-image: linear-gradient(to top,#bdbdbd 0,#000 100%);
	color: #efebe9;
	font-weight:100;
	border: 1px groove #fff;
	text-shadow: 0px 1px 2px #000, 0px 2px 1px #000;
    box-shadow: 0 1px 1px 0 #000, 0 1px 1px 0 #000;
}
#menuku > .menu-text > .birutua{
	background-image: linear-gradient(120deg,#96e6a1 0,#33691e 100%);
	color: #fffde7;
	font-weight:100;
	border: 1px groove #fff;
	text-shadow: 0px 1px 2px #000, 0px 2px 1px #000;
    box-shadow: 0 1px 1px 0 #000, 0 1px 1px 0 #000;
}
#menuku > .menu-text > .hijautua{
	background-image: linear-gradient(120deg,#96e6a1 0,#33691e 100%);
	color: #f1f8e9;
	font-weight:100;
	border: 1px groove #fff;
	text-shadow: 0px 1px 2px #000, 0px 2px 1px #000;
    box-shadow: 0 1px 1px 0 #000, 0 1px 1px 0 #000;
}
#menuku > .menu-text > .ungud{
	background-image: linear-gradient(to top,#b39ddb 0,#fecfef 99%,#4527a0 100%);
	color: #6a1b9a;
	font-weight:100;
	border: 1px groove #fff;
	text-shadow: 0px 1px 2px #fff, 0px 2px 1px #fff;
    box-shadow: 0 1px 1px 0 #000, 0 1px 1px 0 #000;
}
#menuku > .menu-text > .birud{
	background-image: linear-gradient(to top,#ffebee 0,#fecfef 100%);
	color: #b71c1c;
	font-weight:100;
	border: 1px groove #fff;
	text-shadow: 0px 1px 2px #fff, 0px 2px 1px #fff;
    box-shadow: 0 1px 1px 0 #000, 0 1px 1px 0 #000;
}
#menuku > .menu-text > .birum{
	background-image: linear-gradient(120deg,#e3f2fd 0,#c2e9fb 100%);
	color: #00838f;
	font-weight:100;
	border: 1px groove #fff;
	text-shadow: 0px 1px 2px #fff, 0px 2px 1px #fff;
    box-shadow: 0 1px 1px 0 #000, 0 1px 1px 0 #000;
}
#menuku > .menu-text > .hijum{
	background-image: linear-gradient(to bottom, #2980b9, #6dd5fa, #ffffff);
	color: #213783;
	font-weight:100;
	border: 1px groove #fff;
	text-shadow: 0px 1px 2px #fff, 0px 2px 1px #fff;
    box-shadow: 0 1px 1px 0 #000, 0 1px 1px 0 #000;
}

#header #logo h1 a span {
  color: rgba(62, 69, 81, 0.9)!important;
}
#pilihan .dropdown-menu{
	background: #757575;	
}
a:hover, a:active, a:focus, a.text-dark:focus, a.text-dark:hover, a p.text-dark:hover {
  color: #33b5e5 !important;
}
#pilihan .dropdown-item.disabled, #pilihan .dropdown-item:disabled {
    color: #33b5e5;
}
footer {
	background: radial-gradient(circle, rgba(2,0,36,1) 0%, rgba(19,19,40,0.8155637254901961) 48%, rgba(57,96,105,1) 83%);!important;
}
footer h1,footer h2,footer h3,footer h4,footer h5,footer h6,footer p,footer address,footer li,footer a {
	color: #33b5e5 ;
}
footer p,footer address,footer li,footer a {
	color: #fff;
}
/* TOP MENU */
.nav-menu ul, .nav-menu li:hover > a, #mobile-nav {background: #37474F;}
.nav-menu ul li:hover > a, #mobile-nav ul li a:hover, #mobile-nav ul .menu-has-children i.fa-chevron-up, #mobile-nav ul .menu-item-active, #topbar .social-links a:hover  {color:#33b5e5 !important;}
.nav-menu li:hover > a, .nav-menu > .menu-active > a, .nav-menu ul li.menu-active a{ color: #33b5e5   !important; text-shadow: 0px 1px 2px rgba(73, 78, 92, 0.8);}
.btn-outline-info:hover {
    color: #fff !important;
}