body {

	color: #333;
}

a:link,
a:hover,
a:visited {
	color: #4d94ff;
	border-bottom: 1px solid #4d94ff;
}

a:hover {
	color: #0066fe;
	border-bottom: 1px solid #0066fe;
}

.logo {
	border-left: 3px solid #66a3ff;
}


#nav-bar-ul li a {
	color: #a8a8a8	;
}

#nav-bar-ul li a:hover {
	color: #333;
	border-bottom: 3px solid #e6ac00;
}

#nav-bar-ul li a.active-page {
	border-bottom: 3px solid #66a3ff;
	color: #333;
}

.search-div-container {
	background: #f0f4f7;
	background: #f6f6f6;

	}




#insert {
	background-color: white;
	color: #333;
}

.drop-shadow {
	background: white;
	box-shadow: 0px 15px 10px -15px grey;

}

#lupa {
color: #a8a8a8;
}

input::placeholder {
	color: #a8a8a8;
}

::-moz-placeholder {
	color: #a8a8a8;
}

::-webkit-input-placeholder {
	color: #a8a8a8;
}

:-ms-input-placeholder {
	/* for IE */
	color: #a8a8a8;
}

::-ms-input-placeholder {
	/* for edge */
	color: #a8a8a8;
}

#conj-button {
	color: #777;
	background: #f0f0f0;
}

#insert:focus+#conj-button {
	/*
animation-name: color_change;
  animation-duration: 1s;
  animation-fill-mode: forwards;
*/
}

@keyframes color_change {
	from {
		background-color: #66a3ff;
	}
	to {
		background-color: #999;
	}
}




#conj-button:active {
	background: darkgrey;
	color: #fff
}

.media-share li {
	display: inline;
	margin: 6px;
	font-size: 26px;
	color: #777;
}

.media-share li:first-of-type {
	font-weight: 600;
	margin-left: 0;
	font-size: 22px;
	cursor: auto;
}

.media-share li:first-of-type:hover {}

.media-share li a {
	color: #777;
	border: 0;
}

.media-share li a:hover {
	color: #66a3ff;
}


.footer-container {
	background: #66a3ff;
}

.after-footer-container {
	background: #66a3ff;
}

code {
	color: #0066fe;
}