html, body {
			height: 100%;
			padding: 0px;
			margin : 0px;
		}

		h1,h2,h3,h4,h5,h6{
			color: #0d3e0a;
			font-weight: 400;
		}

		a{
			color: #c2001b;
		}

		.bg-gray{
			background-color: #fefef7;
		}

		.bg-dark{
			background-color: #212121;
		}

		.label-medium-white {
			color: #fefefe;
		}

		.footer a{
			color: #fefe;
		}

		.full-height {
			height: 90%;
			z-index: 1;

		}

		#konten-menu {		
			position: fixed;
			top: 0;
			width: 100%;  
			z-index: 2000;
		}

		#menu{
			margin: 10px 50px 10px 50px;
			min-height: 60px;
			background-color: #f0f0f0;
			opacity: 0.9;
			padding-top: 4px;
		}

		.konten{
			padding-top: 20px;
			min-height: 500px;
			border-top: 1px solid #f5f5f5;
			padding-top: 60px; 
			padding-bottom: 80px; 
			
		}

		#menu:hover {
			opacity: 1.0;
			background: #fefeff;
			padding-top: 5px;
			border-color: 1px solid #08480d;
		}

		.dropdown:hover .dropdown-menu {
			display: block;
		}

		.navbar-default .navbar-nav>li>a {
			color: #c2001b;
			font-size: larger;
			font-weight: bold;
		}

		.navbar-default .navbar-nav>li>a:hover {
			color: #fefefe;
		}

		.navbar-default .navbar-nav>li:hover {
			border: 1px solid #c2001b;
			background-color: #c2001b;	    
			border-radius: 7px;
		}

		#login {
			border: 1px solid #08480d;
			background-color: #1c6d23;	    
			border-radius: 7px;
		}

		/* phill style */
		.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
			color: #fff;
			background-color: #1c6d23;
		}

		.example .pagination>li>a,
		.example .pagination>li>span {
		  border: 1px solid #d42626;
		}
		.pagination>li.active>a {
		  background: #d42626;
		  color: #fff;
		}