/*list tiled*/
.content_list.tiled .tile {overflow:hidden;}
.content_list.tiled .fields {
    background: rgba(0, 10, 20, 0.02);
    width: calc(100% - 165px);
    margin-left: 5px;
    float: left;
    overflow: hidden;
}
.content_list.tiled .tile .field {margin-bottom:3px;}
.content_list.tiled .tile .field h2 {margin-bottom: 7px;}
.content_list.tiled .tile .field .value {font-size: 12px;}
.content_list.tiled .field.ft_images.f_photos {
	margin-bottom: 0px;
}
.content_list.tiled .field.ft_images.f_photos .value {
	position:absolute;
	left: 2px;
    bottom: 0px;
	
	display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    width: 162px;
	overflow:hidden;
}
.content_list.tiled .field.ft_images.f_photos .value img {border: 2px solid #f3f3f3; max-height:30px;}
.content_list.tiled .colors_list_item {
	font-size: 12px;
	width: calc(33% - 15px);
	min-width: 300px;
	height: 120px;
	padding: 4px;
	margin-right: 6px;
	border: 1px solid #FFF;
	border-radius: 4px;		
	margin-bottom: 5px;
	color: #999;
	float: left;
	position: relative;
}
.content_list.tiled .colors_list_item:hover {
	border: 1px solid #CCC;
	color: #333;	
}
.content_list.tiled .colors_list_item .fields .title_left {display:none;}
.content_list.tiled .colors_list_item .photo {
	width: 160px !important;	
	height: 100px !important;
	float: left;
	margin-bottom: 0px !important;
}
.colors_list_item .chip-info {
	margin-top: 2px;
	z-index: 2;
	position: absolute;
	max-height: 85px;
	width: 140px;
	color: #000;
	padding: 4px;
	overflow-x: hidden;
    overflow-y: auto;
	background: rgba(255, 255, 255, 0.3);
	transition: background .7s linear;	
}

.colors_list_item .f_title .value a, 
.colors_list_item .f_color_name .value, 
.colors_list_item .f_colorcode .value {
	max-width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-moz-binding: url('/examples/text-overflow.xml#ellipsis');
}
.content_list.tiled .info_bar {margin-left:151px;}
.content_list.tiled .info_bar .bar_item {
	position: absolute;
    bottom: 0px;
    right: 15px;
}

/*list table*/
.content_list.table .field h2 {/*font-size:14px;*/}
.content_list.table .field.ft_images.f_photos {
	display: flex;
	border-top: solid 1px #eaeaea;
    border-bottom: transparent;
	overflow:hidden;	
}
.content_list.table .field.ft_images.f_photos img {
	max-height:42px;
	min-width:16px;
	border: solid 1px #fff;
}