.collection_assets {
  position: relative;
  padding-bottom: 100px;
}

.collection_assets .assets_item {
  position: absolute;
  display: block;
  padding: 10px;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-transition-property: top, left, -webkit-transform;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-in-out;
  -moz-transition-property: top, left;
  -moz-transition-duration: 0.5s;
  -moz-transition-timing-function: ease-in-out;
  transition-property: top, left;
  transition-duration: 0.5s;
  transition-timing-function: ease-in-out;
  -webkit-tap-highlight-color: rgba(0,0,0,0.4);
}


.collection_assets .collaborate-indicator {
  position: absolute;
  top: 34%;
  left: 31%;
  cursor: pointer;
  color: #808080;
  font-family: "adobe-clean",Helvetica,Arial,sans-serif;
  font-size: 0.85rem;
  line-height: 10px;
  width: 40%;
  height: 40%;
  
  background: url('/resource/img/icon-collab.png') 0 0 no-repeat;
  background-size: 100%;

  z-index: 10;
}

.collection_assets .scaled-as-row .collaborate-indicator {
  top: 32%;
}
.collection_assets .frame .collaborate-indicator img {
  display: none;
  background-image: none;
  width: 100%;
  height: auto;
  border: 1px solid;
}

.collection_assets .frame {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  background: #f6f6f6;
  overflow: hidden;
  box-shadow: 0 0 2px #c4c4c4;   
  -webkit-box-shadow: 0 0 2px #c4c4c4;  
  -moz-box-shadow: 0 0 2px #c4c4c4;  
}

.collection_assets .assets_item_folder .frame {
  background: none;
  box-shadow: none;   
  -webkit-box-shadow: none; 
  -moz-box-shadow: none;
}

.collection_assets .assets_item_folder .file-actions .share {
  display: none;
}

.collection_assets .frame .image {
  position: relative;
  display: block;
  overflow: hidden;
}

.collection_assets .frame .image a,
.collection_assets .frame img {
  width: 100%;
  height: 100%;
  position: relative;
  display: block;
}

.collection_assets .scaled-as-row .frame .image a,
.collection_assets scaled-as-row .frame img {
cursor: default;
}

.collection_assets .loading .frame .image {
position: relative;
  width: 100%;
  height: 100%;
  padding: 0px;
}

.collection_assets .loading .frame img {
  position: absolute;
  top: 40%;
  left: 45%;
  width: auto;
  height: auto;  
}

.collection_assets .scrim {
  position: absolute;
  display: block;
  width: 100%; 
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgb(29, 127, 199);
  opacity: 0.8;
  filter: alpha(opacity = 80);     
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";  
  z-index: 100;
}

.collection_assets .checkbox {
  position: absolute;
  display: none;
  top: 0px;
  left: 0px;
  width: 50px;
  height: 50px;
  z-index: 102;
}

.collection_assets .checkbox em {
  position: absolute;
  top: 10px;
  left: 13px;
  width: 29px;
  height: 29px;
  z-index: 102;
  background-position: -30px -930px;
}

/* asset items actions toggle and menu */
.collection_assets .context-menu-toggle-small {
  position: absolute;
  bottom: 0px;
  right: 0px;
  z-index: 200;
}

.collection_assets .context-menu-toggle-small b {
  background: #444;
  border: 1px solid rgba(51, 51, 51, .9);
  box-shadow: 0 1px 2px rgba(0,0,0,0.4);   
}

.collection_assets .context-menu-toggle-small b em {
  border-color: #ccc transparent transparent
}

.collection_assets .context-menu {
  position: absolute;
  padding: 0;
  z-index: 201;
}


/* asset items actions tray styles */
.assets_item_meta {
  position: absolute;
  bottom: 0px;
  width: 100%;
  height: 36px;
  background: #000;
  background: rgba(0,0,0,0.55);
  border-top: 1px solid rgba(0,0,0,0.1);
}

.collection_assets .assets_item_folder .assets_item_meta {
  background: none;
  border-top: none;
}

.assets_item_meta h3 {
  font-size: 13px;
  font-size: .8125rem;
  padding: 8px 0 2px 11px;
  font-weight: 400;
  text-shadow: 0 -1px 0 #333;
  text-shadow-color: rgba(51, 51, 51, .8);
  overflow: hidden;
  position: absolute;
  left: 0px;
  right: 40px;
  color: #eee;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: default;
}

.assets_item_meta .size,
.assets_item_meta .modified,
.assets_item_meta .collaborate-indicator-meta {
  display: none;
}

.assets_item_meta .actions {
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  height: 36px;
  width: 50px;
  padding: 0;
  margin: 0;
  border: 0;
  cursor: pointer;
  text-indent: -9999em;
  background-color: transparent;
}
.assets_item_meta .file-actions {
  position: absolute;
  height: 36px;
  width: 100%;
  top: 0;
/*  display: none;    */
  z-index: 4000;
  background: #227ecb;
  overflow: hidden;
}
.assets_item_meta .file-actions > li {
  height: 36px;
  width: 40px;
  float: left;
  position: relative;
  margin-left: 1px;
  z-index: 3000;
}
.assets_item_meta .file-actions > li > a {
  display: block;
  height: 40px;
  text-indent: -9999em;
}
.assets_item_meta .actions em,
.assets_item_meta .file-actions > li > a em {
  display: block;
  width: 31px;
  height: 31px;
  margin: 3px auto 0 auto;
}
.assets_item_meta .file-actions > li a {
  display: block;
  text-indent: -9999em;
  width: 40px;
  height: 36px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 11px -3px;
}
.assets_item_meta .file-actions .close {
  position: absolute;
  right: 0; 
  width: 50px;
}
.assets_item_meta .file-actions .close em {
  position: absolute;
  right: 3px;
}

.assets_item_meta .file-actions .close a { width: 50px; }

/* sprite icons */
.assets_item_meta .actions em {
  position: absolute;
  display: block;
  right: 4px;
  top: 1px;
  margin: 0;
  background-position: -30px -1048px;
}
.assets_item_meta .close em    { background-position: -30px -1020px; }
.assets_item_meta .delete em   { background-position:  -1px  -990px; }
.assets_item_meta .move em     { background-position:   0    -960px; }
.assets_item_meta .download em { background-position: -30px  -990px; }
.assets_item_meta .share em    { background-position:   0   -1020px; }
.assets_item_meta .collaborate em { background-position: 0 -1290px; }

/* item actions mode active */
.item_actions_active .assets_item_meta .file-actions { display: block; }
.item_actions_active .assets_item_meta .actions { background: transparent; }
.item_actions_active .assets_item_meta .actions em { background-image: none; }

/* hide the download and collaborate icons when they are not appropriate */
.assets_item_meta ul.file-actions li.download { display: none; }   
.assets_item_meta ul.file-actions li.collaborate { display: none; }   
.projects-view .assets_item_meta ul.file-actions li.collaborate { display: inline-block; }

/* empty state for files/trash view */
.collection_assets .files-empty {
  position: relative;
  margin: 0 auto;
}

/* trash mode */   
.files_layout_trash .collection_assets .frame {
  background-color: #FFFBD5;
}

.files_layout_trash .assets_item_meta .actions {  
  display: none;
}

.files_layout_trash .batch_mode .assets_item_meta .actions {
  display: block;
  cursor: default;  
} 

.files_layout_trash .batch_mode .assets_item_meta .actions em { 
  display: none;
}

.files_layout_trash .collection_assets img {
  opacity: 0.75;
  filter: alpha(opacity = 75);  
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";  
}

.files_layout_trash .collection_assets .assets_item_meta {
  background: #fffbd5;
}


.files_layout_trash .collection_assets .frame {
  box-shadow: 0 0 2px #c4c4c4;   
  -webkit-box-shadow: 0 0 2px #c4c4c4;  
  -moz-box-shadow: 0 0 2px #c4c4c4;  
}

.files_layout_trash .collection_assets .assets_item_folder .assets_item_meta {
  background: none;
  box-shadow: none;   
  -webkit-box-shadow: none;  
  -moz-box-shadow: none;  
}



/* batch mode */
.batch_mode .assets_item_meta .actions { 
  display: none; 
}

.batch_mode .collection_assets .assets_item_meta { 
  background-image: url('/resource/img/bg-asset-actions-batch-select.png');
  background-repeat: no-repeat;
  background-position: 100% 0;
}

/* SELECTED state*/

.collection_assets .selected .assets_item_meta h3 { 
  color: #fff; 
  font-weight: 700;
}

.collection_assets .selected .assets_item_meta {
  background-color: #227ECB;
  background-position: 100% -36px;
}

.collection_assets .selected .assets_item_meta h3 {
  color: white;
}

.collection_assets .selected .checkbox em {
  background-position: -30px -960px;
}

/* scaled-as-row over-rides for the list view
 * @TODO: integrate these over-rides into the standard styles once 
 *        we're full switched over to the updated list view
 */
.collection_assets .assets_item.scaled-as-row {
  padding: 0px;
  border-bottom: 1px #ddd solid;
}

.collection_assets .scaled-as-row .frame {
  background: #f6f6f6;
  box-shadow: 0 0 2px #c4c4c4;   
  -webkit-box-shadow: 0 0 2px #c4c4c4;  
  -moz-box-shadow: 0 0 2px #c4c4c4;  
}

.collection_assets .scaled-as-row .frame:hover {
  background: #fcfce2;
}

.collection_assets .scaled-as-row .assets_item_meta {
  background: none;
  box-shadow: none;   
  -webkit-box-shadow: none; 
  -moz-box-shadow: none;
}


.collection_assets .scaled-as-row .context-menu-toggle-small {
  display: none;
}

.scaled-as-row .assets_item_meta {
  bottom: auto;
  top: 50%;
  margin-top: -18px;
  border: none;
}

.scaled-as-row.selected .assets_item_meta {
  background: none;

}

.scaled-as-row .checkbox {
  display: block;     
}

.scaled-as-row .collaborate-indicator {
  left: 0;
  margin-top: 6px;
  margin-left: 69px;
  width: 18px;
  height: 18px;
  cursor: default;
  z-index: 102;
    }

.scaled-as-row .assets_item_meta h3 {
  font-size: 14px;
  font-size: .875rem;
  padding: 10px 190px 2px 11px;
  font-weight: 400;
  left: 99px;
  color: #333;
  text-shadow: none;
}

.collection_assets .scaled-as-row.selected .assets_item_meta h3 {
  color: #0099ff;
}

.collection_assets .scaled-as-row.loading .frame img {
  left: 16px;
  margin: -8px 0 0 0;
}

.collection_assets .scaled-as-row .image  {
  position: absolute;
  left: 57px;
  top: 5px;  
}

.scaled-as-row .assets_item_meta .size,
.scaled-as-row .assets_item_meta .modified,
.scaled-as-row .assets_item_meta .collaborate-indicator-meta {
  position: absolute;
  display: block;
  top: 10px;
  right: 10px;
  cursor: default;
}

.scaled-as-row .assets_item_meta .modified {
  right: 20px;
}

.scaled-as-row .assets_item_meta .size {
  right: 104px;
}

.scaled-as-row .assets_item_meta .collaborate-indicator-meta {
  top: 6px;
  right: 104px;
}

.scaled-as-row .assets_item_meta .collaborate-indicator-meta i{
  width: 25px;
  height: 15px;
  background-position: -30px -1475px;
  opacity: .6;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";  
}

.scaled-as-row.assets_item_folder .assets_item_meta {
  background: none;
  box-shadow: none;   
  -webkit-box-shadow: none;  
  -moz-box-shadow: none;  
}

.scaled-as-row .assets_item_meta .actions,
.scaled-as-row .assets_item_meta .actions-menu-toggle {
  display: none;
}

.collection_assets .scaled-as-row.loading .image  {
  box-shadow: none;   
  -webkit-box-shadow: none;  
  -moz-box-shadow: none;  
}

.collection_assets .scaled-as-row.loading .frame img {
  position: absolute;
  top: 40%;
  left: 12px;
  width: auto;
  height: auto; 
}

.collection_assets .scaled-as-row .scrim {
  position: absolute;
  display: block;
  width: 100%; 
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgb(29, 127, 199);
  opacity: 0.1;
  filter: alpha(opacity = 10);     
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";  
  z-index: 100;
}

/*.files_layout_trash .collection_assets > div,
.files_layout_list .collection_assets > div,
.files_layout_grid .collection_assets > div.scaled-as-row  {
  display: none;
}

.files_layout_trash .collection_assets > div.scaled-as-row,
.files_layout_list .collection_assets > div.scaled-as-row,
.files_layout_grid .collection_assets > div {
  display: block;
}*/

@media only screen and (max-width: 480px) {

  .assets_item_meta .file-actions > li,
  .assets_item_meta .file-actions > li a {
    width: 30px; /* when share / download are visible */
  }

  .scaled-as-row .assets_item_meta h3 {
    position: relative;
    padding-right: 150px;
  }

  .scaled-as-row .collaborate-indicator,
  .scaled-as-row .assets_item_meta .size {
    right: 10px;
  }

  .collection_assets .collaborate-indicator {
    top: 27%;
  }

  .scaled-as-row .assets_item_meta .collaborate-indicator-meta{
    right: 10px;
  }

  .scaled-as-row .assets_item_meta .modified {
    display: none;
  }

}

@media only screen and (-webkit-min-device-pixel-ratio: 2){    
  
  .deleted-view.batch_mode .assets_item_meta .actions em { 
    background-size: 36px 72px;  
    background-image: url('/resource/img/bg-asset-actions-batch-select-2x.png');
  }  
  
  .batch_mode .assets_item_meta {
    background-size: 36px 72px;
    background-image: url('/resource/img/bg-asset-actions-batch-select-2x.png');
  }

}