/* z-indexes */
/* page content width */
/* form height margins */
/* colors */
/* content box */
/* field inputs */
/* tables */
/* buttons */
/* preview images */
/* page content width */
/* z-index levels*/
/* common mixins */
.ui-cst-imageselector {
  display: flex;
}
.ui-cst-imageselector .grid-input-file.ui-cst-icon-green-clip {
  height: 22px;
}
.ui-cst-imageselector .field-container.ui-cst-fileupload {
  margin-top: auto;
}
.ui-cst-imageselector-dropdownlist {
  width: 100%;
  max-height: 600px;
  display: inline-block;
  max-height: 500px;
  overflow-y: auto;
}
.ui-cst-imageselector-dropdownlist .ui-cst-imageselector-row {
  display: flex;
  justify-content: space-between;
}
.ui-cst-imageselector-dropdownlist .ui-cst-imageselector-image {
  height: 250px;
  width: auto;
  margin: 2px;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}
.ui-cst-imageselector-dropdownlist .ui-cst-imageselector-image:hover {
  transform: scale(1.1);
  border: 3px solid #2c3e50;
  transform-origin: 50% 0;
}
.ui-cst-imageselector-dropdownlist .ui-cst-imageselector-image:first-child:hover {
  transform-origin: 0 0;
}
.ui-cst-imageselector-dropdownlist .ui-cst-imageselector-image:last-child:hover {
  transform-origin: 100% 0;
}