.osb-ui-portlet-asset-entries-list {
	.asset-entries {
		.group-title {
			background: #949494;
			color: #FFF;
			font-size: 1.4em;
			padding: 6px 19px;
		}

		.no-results {
			border-bottom: 1px solid #DDD;
			display: block;
			font-size: 1.4em;
			padding: 0 10px 15px;
		}
	}

	.asset-entry {
		border-bottom: 1px solid #DDD;
		padding: 20px 10px;
	}

	.asset-entry-categories {
		padding: 5px 0;

		.category {
			padding-right: 15px;
		}
	}

	.asset-entry-header {
		.metadata {
			float: right;
			padding-top: 1em;
		}

		.title {
			float: left;
			font-size: 2em;
			font-weight: bold;
		}
	}

	.header {
		border: 0 solid #D0D1D3;
		border-width: 1px 0;
		margin-bottom: 15px;
		text-align: center;

		select {
			background: transparent;
			border-color: transparent;
			width: 115px
		}

		.highlighted-option {
			background-color: #C4DAE9;
			color: #4A6B82;
		}

		.navigation-reset {
			background: url(../images/reset_filters.png) no-repeat center;
			cursor: pointer;
			display: inline-block;
			height: 30px;
			margin: 0 15px;
			vertical-align: middle;
			width: 30px;
		}
	}

	.loading-animation {
		background: url(@theme_image_path@/progress_bar/loading_animation.gif) no-repeat top center;
		margin-top: 10px;
		padding-top: 40px;
		text-align: left;
	}

	.osb-ui-field-wrapper .aui-field-wrapper-content {
		margin: 0;
	}

	.navigation {
		border-top: 1px solid #D0D1D3;
		padding: 5px 0;

		.asset-category-title {
			display: inline-block;
			margin: 6px 3px;

			.remove, .text {
				background-color: #E0EAF1;
				border: 1px solid #B3CEE1;
				border-width: 0 1px 1px 0;
				color: #4A6B82;
				margin: 0;
				padding: 4px 8px;
				text-decoration: none;

				&:hover {
					background-color: #C4DAE9;
				}
			}
		}

		.asset-vocabulary-title {
			font-weight: bold;
		}

		.container {
			display: inline;
			padding-right: 5px;
		}
	}

	.read-more {
		padding-left: 10px;
		text-decoration: none;
	}

	.search-box {
		margin: 10px;

		input {
			border: 1px solid #D0D1D3;
			color: #939598;
			display: block;
			padding: 1px 5px;
			width: 150px;
		}
	}

	.heading, .search-box {
		display: inline-block;
		vertical-align: middle;
	}

	.heading {
		border-right: 1px solid #D0D1D3;
		color: #939598;
		margin: 0 15px;
		padding: 10px 25px;
	}

	.asset-entry {
		&.case-studies, &.technology-partners {
			border-width: 0;
			float: left;
			padding: 0;
			position: relative;
			width: 33.3%;

			&.loaded {
				opacity: 1;

				transform: translate(0, 0);
				-webkit-transform: translate(0, 0);
			}
		}

		&.case-studies {
			&:hover {
				.asset-content {
					background-position: center -70px;
				}

				.asset-entry-fact {
					top: 40%;
				}
			}

			&.loaded {
				.asset-content {
					background-size: cover;
				}
			}
		}

		&.technology-partners:hover {
			.asset-content {
				background-position: center 30%;
			}

			.asset-entry-fact {
				top: 70%;
			}
		}

		.asset-content {
			background: url(@theme_image_path@/progress_bar/loading_animation.gif) no-repeat center;
			display: block;
			height: 0;
			overflow: hidden;
			padding: 0 0 100% 0;
			position: relative;

			transition: background-position .5s;
			-moz-transition: background-position .5s;
			-ms-transition: background-position .5s;
			-webkit-transition: background-position .5s;
		}

		.asset-entry-fact {
			background: #FFF;
			border-top: 1px solid #E3E4E5;
			bottom: 0;
			color: #13477F;
			font-size: 1.1em;
			left: 0;
			line-height: 1.2em;
			padding: 10%;
			position: absolute;
			right: 0;
			top: 100%;

			transition: top .5s;
			-moz-transition: top .5s;
			-ms-transition: top .5s;
			-webkit-transition: top .5s;
		}

		.asset-wrapper {
			border: 1px solid #E3E4E5;
			border-radius: 3px;
			margin: 10px;
			overflow: hidden;
		}
	}

	.asset-entries.loading .asset-entry.case-studies, .asset-entry.case-studies, .asset-entries.loading .asset-entry.technology-partners, .asset-entry.technology-partners {
		opacity: .4;

		transform: translate(0, 50%);
		-webkit-transform: translate(0, 50%);

		transition: all .5s, display .5s .5s;
		-moz-transition: all .5s, display .5s .5s;
		-ms-transition: all .5s, display .5s .5s;
		-webkit-transition: all .5s, display .5s .5s;
	}

	@media all and (max-width: 800px) {
		.asset-entry.case-studies, .asset-entry.technology-partners {
			width: 50%;
		}
	}

	@media all and (max-width: 480px) {
		.asset-entry.case-studies, .asset-entry.technology-partners {
			width: 100%;
		}

		.osb-ui-portlet-asset-entries-list .heading {
			border-right-width: 0;
		}
	}
}