.bcard {
	-webkit-filter: drop-shadow(4px 4px 5px #5a5a5a);
	filter: drop-shadow(4px 4px 5px #5a5a5a);
	cursor: pointer;
	transition: all 0.3s;
}

	.bcard:hover {
		-webkit-filter: drop-shadow(4px 4px 5px #2c6d93);
		filter: drop-shadow(4px 4px 5px #2c6d93);
		cursor: pointer;
		transition: all 0.7s;
	}

	.bcard a {
		color: #5a5a5a;
	}

		.bcard a:hover {
			color: #2c6d93 !important;
		}

	.bcard .imgdiv {
		background-color: white;
		border-radius: 20px;
	}

.pane {
	padding: 5px;
	/*-webkit-filter: drop-shadow(4px 4px 5px #5a5a5a);
	filter: drop-shadow(4px 4px 5px #5a5a5a);*/
	cursor: pointer;
}

	.pane a {
		color: #5a5a5a;
	}

		.pane a:hover {
			color: #2c6d93 !important;
		}

	.pane > .head {
		/*border: 2px solid #999;
		border-radius: 12px;*/
		padding: 0px 3px;
	}
	.pane > .body {
		padding: 0px 3px 0px 0px;
		background-color: white;
		border-radius: 20px;
		font-size: 0.9rem;
		border: 1px solid #bbb;
		display: flex;
		flex-direction: column;
	}
	.pane > .body > .item {
		display: flex;
		flex-direction: row;
	}

		.pane > .body > .item > div {
			margin: 4px;
		}

		.pane > .body > .item > .img {
			margin: 1px 12px 0px 0px;
		}

			.pane > .body > .item > .img > .defaultimg {
				background-image: url('icon.png');
				background-repeat: no-repeat;
				background-position: center;
				width: 48px;
				height: 48px;
				-webkit-filter: grayscale(90%) blur(1px);
				filter: grayscale(90%) blur(1px);
				opacity: 0.3;
				background-size: contain;
			}

	.pane .item .text {
	}

	.pane .item .img .defaultimg {
		width: 48px;
		height: 48px;
	}