.civi-fields-thumbnail{
  #civi_thumbnail_container{
    width: 100%;
    height: 220px;
    overflow: hidden;
    border-radius: 6px;
    position: relative;
  }
  #civi_thumbnail_view {
    border-radius: 6px;
    border: 1px dashed #ddd;
    background-color: #f9f9f9;
    width: 100%;
    height: 100%;
    img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
  }
  #civi_add_thumbnail{
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    @include transform(translate(-50%, -50%));
    color: $primary_color;
    #civi_select_thumbnail {
      background-color: transparent;
      border: 0;
      color: $accent_color;
      font-weight: 500;
      cursor: pointer;
    }
    p {
      margin-bottom: 0;
      margin-top: 10px;
    }
  }
  .media-item-actions {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #fff;
    z-index: 999999;
  }
  #civi_thumbnail_errors{
    font-size: 10px;
    color: red;
    margin-bottom: 5px;
  }
  i.la-upload {
    color: $secondary_color;
  }
}

.civi-thumbnail-size {
  margin-top: 8px;
  color: $secondary_color;
  font-size: 14px;
  text-align: center;
}
@media (max-width: 992px) {
	#civi_thumbnail_container{
		.moxie-shim{
			position: absolute;
			top: 0 !important;
			left: 0 !important;
			width: 100% !important;
    	height: 100% !important;
		}
	}
}
