/* new download area */
h3.download-item-title{text-align: center;font-size: 1.55em;margin: 8px 0;height: 2.0em;}
div.download-item{display: block;float: left;border:#d4d4d5 1px solid;padding: 5px;width:100%;margin: 5px 0;}
div.download-item-img{width: 100%; background-size: cover;background-position: center;}
div.download-item-img:before {padding-top: 100%;content: "";display: block;}
a.download-area-action button[action="add"] span.download-area-text-remove {display:none}
a.download-area-action button[action="remove"] span.download-area-text-add {display:none}
a.download-item-download button, a.download-area-action button, a.download-item-view button {width: 100%; padding: 5px;}
a.download-item-download.download-area-action-row button, a.download-area-action.download-area-action-row button, a.download-item-view.download-area-action-row button {width: initial;}
a.download-item-download button {background-color:#F00017;color:#FFF}
a.download-item-view button {background-color: #dddddd;color:#878988}
a.download-area-action button {background-color:#FFF;color:#878988; border: #ddd 1px solid;}
a.download-area-action button.download-area-action-row button {border:0px}
div.download-area-button-separator {clear:both; padding:2px;}
@media screen and (min-width: 1025px){div.download-item { width: 31.75%;margin: 5px;}}
/*@media screen and (min-width: 900px){div.download-item { width: 48%;margin: 5px;}}*/
@media screen and (min-width: 1200px){div.download-item { width: 270px;margin: 5px;}}
.download-area-main-button-items-count{position:relative;top:28px;right:14px;}
.download-area-main-button-items-count .notification-counter {
  position: absolute;
  left: 4px;
  background-color: #fff;
  color: #878988;
  border-radius: 10px;
  font-size: 8px;
  width: 20px;
  text-align: center;
  border: 1px solid #eee;
}
.download-area-menu-button-items-count{position:relative;top:9px;left:-32px;}
.download-area-menu-button-items-count .notification-counter {
  position: absolute;
  left: 4px;
  background-color: #fff;
  color: #F60B26;
  border-radius: 11px;
  font-size: 8px;
  width: 18px;
  text-align: center;
  border: 1px solid #eee;
  height: 18px;
  line-height: 15px;
}
@media screen and (max-width: 1024px){
  .download-area-menu-button.is-not-mobile {display:none}
}

.download-area-menu-button.is-mobile .download-area-menu-button-items-count { position: relative;top: 0px;left: -23px;}
.go-to-list-of-download, .download-all, .generate-list, .clear-list, .refresh-page {padding: 5px 20px;}
a.generate-list, a.generate-list:hover{color:#878988!important; background:#dddddd!important}
a.go-to-list-of-download, a.go-to-list-of-download:hover, a.download-all, a.download-all:hover{color:#FFF!important; background:#F00017!important}

.manage-link-fids{margin:10px; min-height:30px;}
.download-item-title-cell {padding:5px 0;}
.area-download-table tr td:nth-child(2) { width:300px }
p.area-download-list-message, .hide-this {display: none}

.download-item-row:nth-child(odd) {
  background-color: #dddddd80;
}