.marketsearch-box {
	display: block;
	height: 74px;
	text-shadow: 0 1px 0 #FFFFFF;
	border: 1px solid #cdcdcd;
	border-bottom: 0;
	padding: 10px;
	
	background: #efefef; /* Old browsers */
	background: -moz-linear-gradient(top, #efefef 0%, #e0e0e0 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(100%,#e0e0e0)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #efefef 0%,#e0e0e0 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #efefef 0%,#e0e0e0 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #efefef 0%,#e0e0e0 100%); /* IE10+ */
	background: linear-gradient(top, #efefef 0%,#e0e0e0 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */
}


/* MarketItem */
.market-item { 
	display: block; 
	color: #212121; 
	min-height: 32px;
	position: relative;
}
.market-item:nth-child(even) { background-color: #f3f3f3; }
.market-item:nth-child(odd) { background-color: #ececec; }

.market-item:nth-child(even).market-item-selling { background-color: #b9f098; }
.market-item:nth-child(odd).market-item-selling { background-color: #afe38f; }
.market-item:nth-child(even).market-item-buying { background-color: #accbf1; }
.market-item:nth-child(odd).market-item-buying { background-color: #a4c2e6; }


.market-item.market-item-selling.isgold {background-color: #C9EEB3; }
.market-item.market-item-buying.isgold {background-color: #C0D8F5; }


.market-item.market-item-selling:hover { background-color: #82ce54; text-decoration: underline; }
.market-item.market-item-buying:hover { background-color: #92b9e8; text-decoration: underline; }


.market-item:hover {
	cursor: pointer;
}
.market-item.paused {
	color: #7A7A7A;
}
.market-item.paused:nth-child(even) {background: #fbc699 !important;}
.market-item.paused:nth-child(odd) {background: #f5b67f !important;}
.market-item.paused .market-item-namewrapper:after {
	content: 'Inaktiv';
	display: block;
	position: absolute;
	color: #ffffff;
	right: 85px;
	bottom: 5px;
	background: #de7213;
	border-radius: 15px;
	padding: 4px 12px;
	font-weight: normal;
}

.market-item.isgold {
	border: 5px solid #353535;
	border-top: 5px solid #353535;
	border-bottom: 5px solid #353535;
	margin-left: -5px;
	margin-right: -5px;
	z-index: 1;
}
.market-item.isgold + .market-item.isgold { border-top: 0;}

.market-item-short-description { 
	font-style: italic; 
	display: block;  
	margin-top: 10px;
	overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 3; /* number of lines to show */
   -webkit-box-orient: vertical;
   max-height: 80px;
}


.market-item-gold {
	position: absolute; 
	right: 0; 
	width: 30px;
	height: 30px;
	line-height: 20px;
	text-align: center;
	background: #353535; 
	padding: 5px; 
	z-index: 2;
	margin-top: -30px;
	border-top-left-radius: 4px;
	color: #ecd209;
}
.market-item-gold:hover { color: #7fc10c; cursor: pointer;}



.market-item-namewrapper-subtext {
	font-size: 11px; color:#484848; font-weight: normal;
}
.market-item-namewrapper-category {
	display: inline-block;
	border-left-width: 4px;
	border-left-style: solid;
	padding-left: 3px;
}
.market-item-selling .market-item-namewrapper-category { border-color: #7fc10c; }
.market-item-buying .market-item-namewrapper-category { border-color: #0984D2;}
.market-item-administrate-renew {
	position: absolute;
	right: 40px;
	top: 20px;
}
.market-item-administrate {
	position: absolute;
	right: 10px;
	top: 20px;
	z-index: 4;
}
.market-item-administrate>span { padding: 5px; }

.market-item-namewrapper-dayssince {
	position: absolute;
	right: 10px;
	top: 5px;
	color: #8E8E8E;
}

.market-item-image {
	max-height: 90px; 
	max-width: 100%;
}
.market-item-imagewrapper {
	float: left; 
	display: block; 
	width: 94px;
	padding-right: 10px;
}
.market-item-namewrapper {
	float: left; 
	display: block; 
	position: relative;
	width: calc(100% - 448px); 
	padding: 10px 0px;
	font-weight: bold;
}
.market-item-userinfo {
	float: right; 
	width: 160px; 
	word-space: nowrap; 
	text-overflow: ellipsis; 
	overflow: hidden;
	padding: 10px 0px;
}
.market-item-location {
	float: left; 
	width: 194px;
	padding: 10px 0px;
}





/* Market Filter */
.market-sale-colorbox-selling {
	float: left;
	width: 14px;
	height: 14px;
	margin-right: 4px;
	border: 1px solid #80b709; 
	
	background: #9cd209; /* Old browsers */
	background: -moz-linear-gradient(top, #9cd209 0%, #80b709 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9cd209), color-stop(100%,#80b709)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #9cd209 0%,#80b709 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #9cd209 0%,#80b709 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #9cd209 0%,#80b709 100%); /* IE10+ */
	background: linear-gradient(top, #9cd209 0%,#80b709 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9cd209', endColorstr='#80b709',GradientType=0 ); /* IE6-9 */
}

.market-sale-colorbox-buying {
	float: left;
	width: 14px;
	height: 14px;
	margin-right: 4px;
	border: 1px solid #0980b7; 
	
	background: #9cd209; /* Old browsers */
	background: -moz-linear-gradient(top, #09a5d2 0%, #0980b7 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#09a5d2), color-stop(100%, #0980b7)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #09a5d2 0%,#0980b7 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #09a5d2 0%,#0980b7 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #09a5d2 0%,#0980b7 100%); /* IE10+ */
	background: linear-gradient(top, #09a5d2 0%,#0980b7 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#09a5d2', endColorstr='#0980b7',GradientType=0 ); /* IE6-9 */
}

.marketsearch-filter {
	padding: 10px;
	background-color: #efefef;
	border: 1px solid #aaaaaa;
	border-top: 0;
	font-size: 12px;
	font-weight: normal;
	margin-top: 0;
	margin-bottom: 0;
}
.marketsearch-filter i { 
	font-size: 16px;
	float: right;
    margin-left: 6px;
    margin-top: -2px;
}

#slctMarket_Bos {
	width: 100px; float: left; margin-right: 6px;
}

#slctMarket_Category {
	width: calc(33% - 76px); float: left; margin-right: 6px;
}
#slctMarket_Area {
	width: calc(33% - 76px); float: left; margin-right: 6px;
}
#txtMarket_Search {
	width: calc(34% - 76px); 
	float: left; 
}
#btn-filter-market-items {
	float: right;
	width: 104px;
}


/* MarketRating */
#marketratings {
	min-height: 90px;
	max-height: calc(100vh - 200px);
	overflow: auto;
	background: #ffffff;
	margin: 10px -10px;
	margin-top: 0;
	clear: both;
}
.marketrating {
	padding: 10px 5px;
	border-bottom: 2px solid #ececec;
}
.marketrating .marketrating-comment i {
	color: #ffffff;
	padding: 7px;
	border-radius: 20px;
	font-size: 12px;
	margin-right: 6px;
}
.marketrating-positive .marketrating-comment i {
	background-color: #7fc10c;
}
.marketrating-negative .marketrating-comment i {
	background-color: #BB0A0A;
}
.marketrating-by {
	float: right;
}

.marketrating-reply {
	font-size: 11px;
	padding: 6px;
	margin-left: 34px;
	display: block;
	color: #006f69;
}
.marketrating-reply>span {
	display: block;
	font-weight: bold;
	color: #000000;
}


.rating-toggle {
	display: inline-block;  
	padding: 5px 40px;
	border-radius: 10px;
	color: #ffffff;
	opacity: 0.15;
	width: calc(50% - 8px);
	text-align: center;
	margin: 4px;
	cursor: pointer;
}
.rating-toggle.positive { background: #7fc10c; }
.rating-toggle.negative { background: #BB0A0A; }
.rating-toggle:hover { opacity: 0.6; }
.rating-toggle.active, .rating-toggle.active:hover {
	opacity: 1;
}

.user-marketrating {
	font-size: 10px;
	display: inline-block;
	margin-left: 4px;
	height: 16px;
	line-height: 16px;
	cursor: pointer;
	border: 0px solid #000000;
}
.user-marketrating i { margin-right: 4px; float: left; line-height: 14px; font-size: 8px;  }

.user-marketrating-0 .user-marketrating-average { background: #AF0000; color: #ffffff; }
.user-marketrating-1 .user-marketrating-average { background: #AF0000; color: #ffffff; }
.user-marketrating-2 .user-marketrating-average { background: #AF0000; color: #ffffff; }
.user-marketrating-3 .user-marketrating-average { background: #DECA24; color: #ffffff; }
.user-marketrating-4 .user-marketrating-average { background: #7fc10c; color: #ffffff; }
.user-marketrating-5 .user-marketrating-average { background: #7fc10c; color: #ffffff; }
.user-marketrating:hover { transform: scale(1.1); }

.user-marketrating-0 i.fa.fa-thumbs-up:before,
.user-marketrating-1 i.fa.fa-thumbs-up:before,
.user-marketrating-2 i.fa.fa-thumbs-up:before,
.user-marketrating-3 i.fa.fa-thumbs-up:before {
	content: "\f165";
}

.user-marketrating-positive {
	background: #000000;
	padding: 1px 4px;
	border-radius: 4px;
	display: inline-block;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	color: #ffffff;
}
.user-marketrating-average {
	padding: 1px 4px;
	border-radius: 4px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	display: inline-block;
}




/* ---- */




.market-item.pause {
	background-color: #e3d3b6;
}

.hoverMarketItemViews {
	float: left; 
	display: block; 
	width: 70px; 
	text-align: center; 
	min-height: 32px;
}

#divMarket_MarketItemWrapper {
	float: left; 
	width: 200px;
	margin-right: 8px;
	min-height: 212px;
}
#divMarket_MarketItem_Image {
	background-color: #ebebeb; 
	border: 1px solid #cbcbcb; 
	padding: 5px; 
	margin-bottom: 8px; 
	width: 100%; 
	text-align: center; 
	box-sizing: border-box;
}
#divMarket_MarketItem_Info {
	background-color: #ebebeb; 
	border: 1px solid #cbcbcb; 
	padding: 5px; 
	width: 100%;
	box-sizing: border-box;
}

.divMarket_MarketItem_Image_Thumbnails {
	background-color: #ebebeb; 
	border: 1px solid #cbcbcb; 
	height: auto;
	width: 100%; 
	margin-top: -9px;
	margin-bottom: 8px;
	box-sizing: border-box;
}
.divMarket_MarketItem_Image_Thumbnails a {
	display: block;
	width: calc(20% - 4px);
	margin: 2px;
	height: 0px;
	padding-bottom: 16%;
	overflow: hidden;
	float: left;
	background: #ffffff;
	text-align: center;
	position: relative;
	
	background-repeat: no-repeat;
	background-size: cover;
    background-position: center;
}

.divMarket_MarketItem_Image_Thumbnails a:hover { text-decoration: none;}

.divMarket_MarketItem_Image_Thumbnails img {
	max-width: 100%;
	margin: auto auto;
	cursor: pointer;
	border: 1px solid #8d8d8d;
}
.divMarket_MarketItem_Image_Thumbnails img:hover {
	border: 1px solid #8ccb29;
}





#divMarket_MarketItem_Image img {
	border: 1px solid #484848;
	box-sizing: border-box;
}


#divMarket_MarketItem_Description {
	float: left; width: 526px; 
}

#dialogCreateMarketItem_LeftColumn {
	float: left; width: 286px; position: relative;
}
#dialogCreateMarketItem_RightColumn {
	float: left; width: 145px; margin-left: 10px; position: relative;
}



.divMarket_MarketItem_Image_Main {
	max-height: 160px;
	max-width: 100%;
	vertical-align: middle;
}

.market-item-popup-image-wrapper {
	float: left; 
	width: calc(25% - 2px);
	margin-right: 2px;
	margin-bottom: 2px;
	position: relative;
	box-sizing: border-box;
	height: 110px;
	text-align: center;
	background-color: #000000;
}
.market-item-popup-image {
	max-width: 100%;
	max-height: 100%;
	position: relative;
	box-sizing: border-box;
	top: 50%;
	transform: translateY(-50%);
}





.market-uploader-wrapper {
	height: 3px;
	position: absolute;
	width: 100%;
	z-index: 10;
	display: none;
	margin-top: -3px;
}
.market-uploader-progress {
	background-color: #ededed;
	height: 3px;
	width: 100%;
	box-sizing: border-box;
}

.market-uploader-progress-inner {
	background-color: #81c538;
	height: 100%;
	width: 0%;
}

.shortcut-link { display: block; padding: 5px;}
.shortcut-link:hover { background: #9fce20;}


#divMarket_MarketItem_Image_Wrapper { float: right; width: 35%;}
.marketitem-header { }

#marketitem_google_map {
	width: 100%; height: 280px;
}
.market-filter-wrapper select, .market-filter-wrapper input { border: 0; }














/* 
	Responsive
*/

@media (min-width: 768px) {
	.market-filter-wrapper {
		background-color: #2f2119;
	    border: 1px solid #171717;
	    padding: 4px 5px;
	    border-top-left-radius: 4px;
	    border-top-right-radius: 4px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.hoverMarketItemViews {
		display: none;
	}
	
	#divMarket_MarketItemWrapper {
		margin: 0;
		width: 100%;
	}
	
	#divMarket_MarketItem_Image {
		float: left;
		width: 100%;
		box-sizing: border-box;
		max-height: 280px;
		height: auto;
		min-height: 160px;
	}
	#divMarket_MarketItem_Info {
		float: left;
		width: 100%;
		box-sizing: border-box;
		height: auto;
		margin-bottom: 8px;
	}
	
	#divMarket_MarketItem_Description {
		float: none; 
		width: auto;
		clear: both;
	}
	
	.divMarket_MarketItem_Image_Thumbnails {
		box-sizing: border-box;
	}
	
	#dialogCreateMarketItem_LeftColumn {
		width: 100%;
	}
	#dialogCreateMarketItem_RightColumn {
		width: 100%;
		margin: 0;
	}
	
	.market-item-namewrapper {
		width: calc(100% - 94px);
	}
	
	
}



@media screen and (max-width: 767px) {
	.marketsearch-filter { padding: 15px;}
	
	#slctMarket_Bos {
		width: 100%; 
		float: none; 
		margin-right: 0;
		margin-bottom: 4px;
	}

	#slctMarket_Category {
		width: 100%; 
		float: none; 
		margin-right: 0;
		margin-bottom: 4px;
	}
	#slctMarket_Area {
		width: 100%; 
		float: none; 
		margin-right: 0;
		margin-bottom: 4px;
	}
	#txtMarket_Search {
		width: 100%; 
		float: none; 
		margin-right: 0;
		margin-bottom: 4px;
	}
	#btn-filter-market-items {
		width: 100%; 
		float: none; 
		margin-right: 0;
		margin-bottom: 4px;
	}
	#btn-filter-market-items>span {
		height: 44px;
		line-height: 34px;
	}
	
	
	
	#divMarket_MarketItem_Image_Wrapper {
		float: none;
		width: 100%;
	}
	
	.divMarket_MarketItem_Image_Main { max-height: 300px;}
	
	.marketitem-header { float: none; width: 100%; text-align: center;}
	
	
	.market-item-imagewrapper { width: 74px; }
	.market-item-namewrapper {width: calc(100% - 74px); }
	
	
	.market-remove-filter { padding: 10px; padding-bottom: 0;}


	.marketsearch-filter {
		text-align: center;
		border-top: 1px solid #aaaaaa;
		position: relative;
		padding-right: 40px;
	}
	.marketsearch-filter .market-remove-filter {
		font-size: 0;
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
		padding: 10px;
	}
	.marketsearch-filter .market-remove-filter i {
		font-size: 20px;

	}

}