body {
	font-family: "Verdana", "STHeiTi", "Microsoft YaHei New", "Microsoft Yahei", "SimSun";
	padding-top: 6rem;
	background-color: #f0f0f0;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;		
}
.navbar {
	background-color: #02385c;
}
.footer {
	background-color: #02486c;
	opacity: 0.65;
    visibility: hidden;
}
.show-footer {
    visibility: visible;
}
h1,h2,h3,h4,h5,h6 {
	filter: drop-shadow(1px 1px 1px lightblue);	
}
.scrollable-menu {
    height: auto;
    max-height: 25vh;
    overflow-x: hidden;
}
.footer { display: none; }
@media only screen and (min-width: 768px) { .scrollable-menu { max-height: 80vh; } }
@media only screen and (min-height: 500px) { .footer { display: block; } }

.scrollable-menu::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 4px;        
}    
.scrollable-menu::-webkit-scrollbar-thumb {
	border-radius: 3px;
	background-color: lightgray;
	-webkit-box-shadow: 0 0 1px rgba(255,255,255,.75);        
}
span.badge {
	overflow: hidden;
}	
#trapezium {
	border-bottom: 32px solid #02385c;
	border-left: 30px solid transparent;
	transform: rotateZ(180deg);
	height: 0;
	width: 60%;
	min-width: 300px;
	border-radius: 10px 0;
}
#heading {
	color: white;
	transform: rotateZ(180deg);
	text-align: left;
	padding: 1px 20px;
	font-family: "Verdana";
	font-size: 22px;
}
.dropdown-item {
	font-size: 12px;
}
img.img-thumbnail {
	box-shadow: 1px 5px 5px lightgray;
}
.card-body p {
	text-align: justify;
}
.card-body a .badge-pill {
	max-width: 100%;
	overflow: scroll;
}

span#dbschintitle {
	font-size: 1.4em;
	background: -webkit-linear-gradient(#f0f0f0,#eee,#8a9bac);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}