div.gallery {
  margin: 5px;
  border: 2px solid #ccc;
  float: left;
  width: 220px;
  border-radius: 6px;
}

div.thumb-wrap{
    float: left;  /*do not stretch*/
    margin: 4px;
    margin-right: 0;
    padding: 5px;
}
div.x-item-selected{
    border:2px dashed #99bbe8;
}

div.gallery_imgsmall {
  height: 180px;
  width: 40px;
  margin: auto;
  padding: 70px 0;
}

div.gallery_imgbig {
  width: 180px;
  height: 180px;
}

div.gallery img {
  /*width: 100%;*/ /*not necessary with clip: rect(0px,190px,170px,0px); */
  height: auto;
  max-height: -webkit-fill-available;
}


div.desc {
  padding: 15px;
  text-align: left;
  display: block;
  align-items: center;
  white-space: nowrap;
}

div.descimgtype {
    /*height: 16px; text-align: center; position: relative; white-space: nowrap;*/
	/*width: 16px;*/
    max-width: 32px;
    flex: 1 1 auto;
    padding: 0 0 0 0;
	margin-right: 5px;
	float: left;
}

div.descimgtype_i {
    flex: 1 1 auto;
}

div.descline1 {
    flex: 1 1 auto;
    padding-right: 12px;
	text-overflow: ellipsis;
    width: 180px;
	white-space: nowrap;
	font-weight: 600;
	font-size: 13px;
}

div.descline2 {
    flex: 1 1 auto;
    padding-right: 12px;
    width: 180px;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-weight: 100;
	font-size: 10px;
}


/*
div.x-item-selected .thumb{
    background:transparent;
}

div.loading-indicator {
    font-size:11px;
    background-image:url('../../resources/themes/images/default/grid/loading.gif');
    background-repeat: no-repeat;
    background-position: left;
    padding-left:20px;
    margin:10px;
} */

/*div.gallery:hover {
  border: 3px solid #777;
}*/

/*
div.x-item-over{
    border:1px solid #dddddd;
    background: #efefef url(over.gif) repeat-x left top;
    padding: 4px;
} */