@import url('https://fonts.googleapis.com/css2?family=Lobster&display=swap');

body{
	background-color:#f9f9f9;
	font-size:16px;
	color:#444;
	font-family: sans-serif;
}

.content{
	width: 100%;
	margin: 10px auto;
}

/*header*/
header{
	background-color: white;
	padding: 20px 10px;
	border-radius: 5px;
	border: 1px solid #f0f0f0;
	margin-bottom: 10px;
}

header h1.judul,
header h5.deskripsi{
	text-align: center;	
}
header h1.judul {padding: 0px; font-family: 'Lobster', cursive; }

header h5.deskripsi {font-weight: lighter; font-size: 1em; 


/*
#topheader .navbar-nav li > a {
	text-transform: capitalize;
	color: #333;
	transition: background-color .2s, color .2s;
	
	&:hover,
	&:focus {
		background-color: #333;
		color: #fff;
	}
}
*/

.navbar-dark .nav-item.active .nav-link{
    color: goldenrod;
}
.dropdown-item.active {
    background: goldenrod;
}


/*menu navigasi
.menu{
	background-color: #87CEFA;
	border: 1px solid #f0f0f0;
	border-radius: 8px;	
	margin-bottom: 10px;
}

div.menu ul {
	list-style:none;
	overflow: hidden;
}


div.menu ul li {
	float:left;		
	padding-top: 10px;
	text-transform:uppercase;
	
	padding: 10px 0px;
}

div.menu ul li a {
	display:block;	
	padding:0 20px;
	text-decoration:none;
	color:#2c2c2c;
	font-family: sans-serif;
	font-size:13px;
	font-weight:400;
	transition:all 0.3s ease-in-out;
}


div.badan{
	background-color: white;
	border-radius: 5px;
	border: 1px solid #f0f0f0;
	margin-bottom: 10px;
}

div.halaman{
	text-align: center;
	padding: 30px 20px;	
}


/* ---------------------------------- */

/*
#tablist{
padding: 3px 0;
margin-left: 0;
margin-bottom: 0;
margin-top: 0.1em;
font: bold 12px Verdana;
}
*/

/*
#collapsibleNavbar li{
list-style: none;
display: inline;
margin: 0;
}
*/

/*
#tablist li a{
padding: 3px 0.5em;
margin-left: 3px;
border: 1px solid #778;
border-bottom: none;
background: white;
}



#collapsibleNavbar li a:hover, #collapsibleNavbar li a:active{
background-color: #00104E;
}


#collapsibleNavbar li a.current{
background-color:#D96500;
}

/*
#tabcontentcontainer{
width: 400px;

/* Insert Optional Height definition here to give all the content a unified height 
padding: 5px;
border: 1px solid black;
}
*/

.tabcontent{
display:none;
}