.wt-placeholder {
	position: relative;
	background: #b6c0cd url('../../assets/img/upload/placeholder.png') center center no-repeat;
	z-index: 1;
	width: 337px;
	height: 189px;
	text-align: center;
}

.wt-theme-show-example {
	a {
		color: #2bb0eb;
		font-weight: bold;
		font-size: 14px;
	}
}

.wt-video-cover-img {
	position: relative;
	z-index: 1;

	display: block;
	overflow: hidden;

	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	// margin: 0 auto 1em;
	max-height: 189px;
	max-width: 337px;

	&:before {
		padding-bottom: 56.25%;
		content: "";
		display: block;
		width: 100%;
	}

}
#wt-theme-cover-img-choose-modal {
	.modal-body {
		padding: 0;
		background: #f1f1f1;
	}
	.wt-cover-selection-carousel-wrapper {
		background: #fff;
		padding: 20px 0;
	}
}
.modal .wt-video-cover-img {
	margin: 0 auto;
	text-align: center;
}
.modal .wt-placeholder-wrapper {
	padding: 20px 0;
	margin: 0 auto;
	text-align: center;
}

#wt-theme-bg-brand-modal {
	.modal-header {
		border-bottom: 0;
	}
	.modal-body {
		padding: 0;
		background-color: #2bb0eb;
	}
	.btn {
		color: #2bb0eb;
		background-color: transparent;
		border: 1px solid #2bb0eb;
		&:hover {
			background-color: #c1cace;
			color: #333;
			text-decoration: none;
		}
	}
}

.wt-theme-cover {
	position: relative;
	margin: 15px 0;
	opacity: 1;
	pointer-events: auto;
	width: 340px;

	.thumbnail_list {
		position: relative;
		display: block;
		margin: 0;
		padding: 0 0 15px 0;
		list-style: none;
		overflow: hidden;
		zoom: 1;
		li {
			position: relative;
			float: left;
			margin: 0 5px 10px 0;
			list-style: none;
			padding: 0;
			cursor: pointer;
		}
	}
	.thumbnail {
		padding: 4px;
		width: 163px;
		height: 91.5px;
		border: 1px solid #d9d9d9;
		opacity: .85;
		border-radius: 0;
		margin-bottom: 0;
	   -ms-interpolation-mode: bicubic;
	}

	.selected {
		cursor: default;

		.thumbnail {
			border: 4px solid #2bbcff;
			opacity: 1;
		}
	}

}

.modal-cover-selection {
}

/* cover selection carousel theme */
.wt-cover-selection-carousel {
	width: 482px;
	margin: 0 auto;
}
.wt-theme .item {
	cursor: pointer;
	margin: 3px;
}

.wt-theme .item img {
	display: block;
	max-width: 100%;
	width: 156px;
	height: 88px;
	-ms-interpolation-mode: bicubic;
}
.wt-theme .active .item img {
	border: 4px solid #2bbcff;
	border-radius: 3px;
}

	/* Theme brand background image */
	.wt-theme-form > div {
	  position:relative;
	  margin-right:110px; /* same with `button width` + `button distance from search field` */
	}
	.wt-theme-form input[type="text"] {
	  display:block;
	  width:100%;
	}
	.wt-theme-form .btn-group {
		display:block;
	  width:120px; /* this is the `button width` */
	  position:absolute;
	  top:0;
	  left:100%; /* push to the right! */
	  margin-left:10px; /* this is the `button distance from search field` */
	}

/* Styling Next and Prev buttons */

	.wt-theme .owl-controls .owl-buttons div {
		position: absolute;
		width: 30px;
		height: 33px;
		background: url("../../assets/img/upload/prev-next.png") no-repeat right center;
		cursor: pointer;
		top: 35px;
		text-indent: -9999px;

		&.owl-prev {
			position: absolute;
			background-position: left center;
			left: -40px;
		}
		&.owl-next {
			position: absolute;
			right: -40px;
		}

		// color: #FFF;
		// display: inline-block;
		// zoom: 1;
		// *display: inline;/*IE7 life-saver */
		// margin: 5px;
		// padding: 3px 10px;
		// font-size: 12px;
		// -webkit-border-radius: 30px;
		// -moz-border-radius: 30px;
		// border-radius: 30px;
		// background: #869791;
		// filter: Alpha(Opacity=50);/*IE7 fix*/
		// opacity: 0.5;
	}

	/* Clickable class fix problem with hover on touch devices */
	/* Use it for non-touch hover action */
	.wt-theme .owl-controls.clickable .owl-buttons div:hover{
		filter: Alpha(Opacity=100);/*IE7 fix*/
		opacity: 1;
		text-decoration: none;
	}

	/* Styling Pagination*/

	.wt-theme .owl-controls .owl-page{
		display: inline-block;
		zoom: 1;
		*display: inline;/*IE7 life-saver */
	}
	.wt-theme .owl-controls .owl-page span{
		display: block;
		width: 12px;
		height: 12px;
		margin: 5px 7px;
		filter: Alpha(Opacity=50);/*IE7 fix*/
		opacity: 0.5;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		border-radius: 20px;
		background: #869791;
	}

	.wt-theme .owl-controls .owl-page.active span,
	.wt-theme .owl-controls.clickable .owl-page:hover span{
		filter: Alpha(Opacity=100);/*IE7 fix*/
		opacity: 1;
	}

	/* If PaginationNumbers is true */

	.wt-theme .owl-controls .owl-page span.owl-numbers{
		height: auto;
		width: auto;
		color: #FFF;
		padding: 2px 10px;
		font-size: 12px;
		-webkit-border-radius: 30px;
		-moz-border-radius: 30px;
		border-radius: 30px;
	}

	/* preloading images */
	.owl-item.loading{
		min-height: 150px;
		background: url(../img/AjaxLoader.gif) no-repeat center center
	}
